說法一： 注意：前者是flex 2012年的語法，也將是以后標准的語法，大部分瀏覽器已經實現了無前綴版本。后者是2009年的語法，已經過時，是需要加上對應前綴的。所以兼容性的代碼，大致如下display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS ...

:-webkit-box,display:box; 子元素要：-webkit-box-flex:1;-moz- ...

display:box；display:flex；彈性盒模型 非常適用於移動端。PC端高級瀏覽器，效果也很好。 display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -o-box; display ...

背景分析：最近做移動端項目時，遇到一個常見的需求： 可以滑動的導航，如下圖 雖然是很常見的一個布局，但在移動端沒有做過，想當然的寫下以下的樣式，簡單描述下： 父元素 width：10 ...

display:box我想大家很熟悉，那么display:inline-box呢，今天在項目中需要設置這樣的屬性box-align：center,那么就想到用 display:box;如果設置BOX，那么寬度不能自適應，必須設置一個值，我找了一下，終於找到一個屬性可以寬度自適應高度定死的彈性伸縮盒 ...

flex： 將對象作為彈性伸縮盒顯示inline-flex：將對象作為內聯塊級彈性伸縮盒顯示 flex 子元素根據父元素去排，如果子元素寬度超出父元素的寬度，因為flex布局，實際子元素的寬度並不會超過，只會按比例排放。 inline-flex ...

問題一； 1.，display:flex;不會讓容器本身取消它的塊裝的屬性，但它的子元素會變成行內塊的的屬性 2.display: inline-flex;父級是變成行內塊元素，他的子元素也是行內塊元素，並且自動換行 開啟inline-flex 開啟 ...

display:flex和display:box都可用於彈性布局，不同的是display:box是2009年的命名，已經過時，用的時候需要加上前綴；display:flex是2012年之后的命名。在實際的測試中display:flex不能完全的替代display:box。display:flex ...