注意在使用弹性盒模型的时候 父元素必须要加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-弹性盒模型

相关文章:

  • 2021-03-31
  • 2021-08-14
  • 2021-11-05
  • 2021-07-04
  • 2021-05-20
  • 2021-11-21
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-12-06
  • 2021-12-02
  • 2021-04-14
  • 2021-08-02
相关资源
相似解决方案