日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

一、問題場景

傳統(tǒng)使用width屬性配合float總是最右邊出現(xiàn)間隙，需要實現(xiàn)任意個DIV的完美等分，包括橫向和縱向

創(chuàng)新互聯(lián)主營永昌網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,成都App定制開發(fā),永昌h5小程序設計搭建,永昌網(wǎng)站營銷推廣歡迎永昌等地區(qū)企業(yè)咨詢

二、實現(xiàn)

父元素樣式

/*盒模型*/
display: -webkit-box;
display: -moz-box;
display: box;

/*橫向or縱向*/
-webkit-box-orient: horizontal;  /* 垂直是vertical */
-moz-box-orient: horizontal;      /* 垂直是vertical */
box-orient: horizontal;

子元素樣式

-webkit-box-flex: 1;
-moz-box-flex: 1;
box-flex: 1;

三、完整代碼

本文名稱：DIV完美等分的CSS樣式實現(xiàn)
標題來源：http://www.dlmjj.cn/article/gdoghi.html