CSS3 display：flex和display：box有什么區(qū)別
1 回答
守著星空守著你
TA貢獻(xiàn)1799條經(jīng)驗(yàn) 獲得超8個(gè)贊
box：主要是控制父容器里面子元素的排列方式、排列順序、垂直（水平）對(duì)齊方式
box-flex：主要讓子容器針對(duì)父容器的寬度按一定規(guī)則進(jìn)行劃分
注意：
前者是flex 2012年的語(yǔ)法，也將是以后標(biāo)準(zhǔn)的語(yǔ)法，大部分瀏覽器已經(jīng)實(shí)現(xiàn)了無(wú)前綴版本。
后者是2009年的語(yǔ)法，已經(jīng)過(guò)時(shí)，是需要加上對(duì)應(yīng)前綴的。
所以兼容性的代碼，大致如下
display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
display: -moz-box; /* Firefox 17- */
display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
display: -moz-flex; /* Firefox 18+ */
display: -ms-flexbox; /* IE 10 */
display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */
- 1 回答
- 0 關(guān)注
- 578 瀏覽
添加回答
舉報(bào)
0/150
提交
取消