在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 當(dāng)有flex:1時(shí)定義width:0的作用是什么?

當(dāng)有flex:1時(shí)定義width:0的作用是什么?

如題

div{
    flex:1;
    width:0;
}

中的width:0作用是什么?

回答
編輯回答
空痕

如果沒有設(shè)置width,當(dāng)內(nèi)部元素的內(nèi)容大小超過平均分配的剩余空間時(shí),元素的寬度等于內(nèi)容大小,如果設(shè)置了width并且這個(gè)width的大小小于平均分配的剩余空間大小時(shí),取平均分配的剩余空間;
當(dāng)flex設(shè)置為 1 時(shí) 相當(dāng)于 剩余空間大小 = 父元素的寬度 因此
平均的剩余空間大小等于 = 父元素的寬度 / 元素的個(gè)數(shù)
直接設(shè)置width為0可以保證元素寬度平分父元素寬度

2017年8月13日 06:59
編輯回答
神曲

當(dāng)倆個(gè)彈性盒子內(nèi)容不一樣高的時(shí)候,flex的元素寬度表現(xiàn)會出現(xiàn)非預(yù)期的比例效果,添加width屬性(值為任意)可以使其達(dá)到預(yù)期的比例效果

2018年6月11日 10:05