1樓：千鋒教育
父級元素有display:box;屬性之後。他的子元素裡面加上box-flex屬性。可以讓子元素按照父元素的寬度進行一定比例的分佔空間。
如：html：
0102
03article
.sectionone
.sectiontwo
.sectionthree
依次是總共分為6等分（1+2+3）
總寬度的 6分之3，6分之2，6分之1
2樓：劉美蘭
box：主要是控制父容器裡面子元素的排列方式、排列順序、垂直（水平）對齊方式
box-flex：主要讓子容器針對父容器的寬度按一定規則進行劃分
注意：前者是flex 2023年的語法，也將是以後標準的語法，大部分瀏覽器已經實現了無字首版本。
後者是2023年的語法，已經過時，是需要加上對應字首的。
所以相容性的**，大致如下
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+ */
css3 display：flex和display：box有什麼區別
3樓：
父級元素有display:box;屬性之後。他的子元素裡面加上box-flex屬性。可以讓子元素按照父元素的寬度進行一定比例的分佔空間。
如：html：
0102
03article
.sectionone
.sectiontwo
.sectionthree
css3 display：flex和display：box有什麼區別
4樓：匿名使用者
前者是flex 2023年的語法，也將是以後標準的語法，大部分瀏覽器已經實現了無字首版本。
後者是2023年的語法，已經過時，是需要加上對應字首的。
所以相容性的**，大致如下
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+ */
css3 漸變怎麼實現，CSS3怎麼做出過渡漸變效果
針對不同瀏覽器有不同的字首，基本還是相似的，下面的意思是線性漸變，從上方開始，從黑色漸變到白色 webkit linear gradient top,000,fff moz linear gradient top,000,fff o linear gradient top,000,fff 也可以加一...
css3 animation動畫結束時，怎麼停留在最後一幀
animation fill mode forwards animation myfirst 1s linear 0s 1 forwards css3 animation 如何讓他停在最後 animation fill mode forwards 設定物件狀態為動畫結束時的狀態 animation ...
請教過於vue中使用css3過渡動畫的問題
這是因為mouseover後很快又觸發mouseout了。在css3中，也是就是 hover還沒來得及反應滑鼠移動慢一點，就不會漏幀了。為什麼css3過渡動畫有時候會不靈？尤其是滑鼠移入多次後就過渡就不靈了，時有時無，問題在哪？這是因為mouseover後很快又觸發mouseout了。在css3中，...