1、彈性盒模型用于決定元素在盒子里的分布方式以及如何處理盒子的可用空間。通過盒模型，設計師可以很輕松的創建自適應瀏覽器窗口的流動布局或自適應字體的彈性布局

2注意在使用彈性盒模型的時候 父元素必須要加

?display:box

或 display:inline-box

3box-orient 定義盒模型的布局方向

?horizontal

水平顯示

?vertical

垂直方向

4box-direction 元素排列順序-webkit-direction(chrome、opera、safari) –moz-direction(firefox)

?normal

正序

?reverse

反序

5box-ordinal-group 設置元素的具體位置

6box-flex 定義盒子的彈性空間

?子元素的尺寸=盒子的尺寸*子元素的box-flex屬性值

/ 所有子元素的box-flex屬性值的和

7box-pack 對盒子富裕的空間進行管理

?start

所有子元素在盒子左側顯示，富?？臻g在右側

?end

所有子元素在盒子右側顯示，富?？臻g在左側

?center

所有子元素居中

?justify

富余空間在子元素之間平均分布

8box-align 在垂直方向上對元素的位置進行管理

?star

所有子元素在據頂

?end

所有子元素在據底

?center

所有子元素居中

lbox-sizing 盒模型解析模式

?content-box標準盒模型

?width(所占空間)=margin+border+padding+wid(所設width)

?border-box

怪異盒模型

?Width（所占空間）=margin+wid（所設width這個width包含border和padding的空間)

lresize自由縮放

lnone禁止縮放

?Both水平垂直都可以縮放

?Horizontal只有水平方向可以縮放

?Vertical只有垂直方向可以縮放

?注意：一定要配合overflow:auto一塊使用只有水平方向可以縮放

lcolumn-width

欄目寬度px

lcolumn-count

欄目列數num

lcolumn-gap欄目距離px

lcolumn-rule欄目間隔線pxstyle color

l只支持WebKit內核