注意在使用弹性盒模型的时候 父元素必须要加display:box display:inline-box

css3-弹性盒模型css3-弹性盒模型

lBox-orient 定义盒模型的布局方向

Horizontal 水平显示

vertical 垂直方向

css3-弹性盒模型

lbox-direction 元素排列顺序

Normal 正序

Reverse 反序

css3-弹性盒模型

lbox-ordinal-group 设置元素的具体位置

css3-弹性盒模型

=======================================

Box-flex 定义盒子的弹性空间

子元素的尺寸=盒子的尺寸*子元素的box-flex属性值 / 所有子元素的box-flex属性值的和

css3-弹性盒模型

css3-弹性盒模型

lbox-pack 对盒子富裕的空间进行管理

Start 所有子元素在盒子左侧显示,富裕空间在右侧

End 所有子元素在盒子右侧显示,富裕空间在左侧

Center 所有子元素居中

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

css3-弹性盒模型

=====================================================

lbox-align 垂直方向上对元素的位置进行管理

Star 所有子元素在据顶

End 所有子元素在据底

Center 所有子元素居中

css3-弹性盒模型

相关文章: