發現： 最近在做移動端的東西，說起移動端彈性盒子布局真是無往不利，用起來特別爽，我也是偶爾間發現的這個屬性並且它的用法，在網上基本查不到這個屬性的資料（個人看法）。如果沒有聽說過（display:box）的朋友建議去別人家的博客看看CSS3就可以直接command+w了，由字看意，是不是 ...

Flexbox 為 display 屬性賦予了一個新的值（即 box 值）, flexbox的屬性有很多，記錄一些比較常用的屬性： 用於父元素的樣式： display: box; 該屬性會將此元素及其直系子代加入彈性框模型中。（Flexbox 模型只適用於直系子代 ...

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

（1）介紹的第一個就是display：-webkit-box，我們知道元素大致分為內聯元素、塊狀元素和介於兩者之間的元素，當然還有inline-table、table-cell等神馬的，那么display: -webkit-box怎么用呢，什么舉個應用場景，對於下圖所示的情況，父元素 ...

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

box-flex是css3新添加的盒子模型屬性，它的出現可以解決我們通過N多結構、css實現的布局方式。經典的一個布局應用就是布局的垂直等高、水平均分、按比例划分。 目前box-flex屬性還沒有得到firefox、Opera、chrome瀏覽器的完全支持，但可以使用它們的私有屬性定義 ...

在web布局中,我們經常使用的是display:inline-block,display:flex,這些,但其實在進行移動端設備自適應布局中,-webkit-box布局更加合適 不同的瀏覽器有不同的前綴,這里使用-webkit示例 Mozilla-----------------display ...

注明：內容於http://www.cnblogs.com/chentongtong/p/5474553.html進一步整理。 1、現webkit內核的瀏覽器支持display: -webkit-box;屬性， 所以網頁中顯示兩行文字，超出部分省略，可以用樣式 overflow: hidden ...