弹性盒子模型是CSS3最新引进的盒子模型处理机制,使用弹性盒模型,可以实现盒元素内部的各种布局,包括排列方向、排列顺序、空间分配和对齐方式等,大大增强了布局的灵活性,可以轻松地设计出自适应浏览器窗口的流动布局或者自适应大小的弹性布局。
新增的盒子模型的相关属性
属性 | 说明 |
---|---|
box-orient | box-orient属性用于定义盒子分布的坐标轴 |
box-align | box-align属性用于定义子元素在盒子内垂直方向上的空间分配方式 |
box-direction | box-direction属性用于定义的显示顺序 |
box-flex | box-flex属性定义子元素在盒子内的自适应尺寸 |
box-flex-group | box-flex-group属性用于定义自适应子元素群组 |
box-lines | box-lines属性用于定义子元素分布显示 |
box-ordinal-group | box-ordinal-group属性用于定义子元素在盒子内的显示位置 |
box-pack | box-pack属性用于定义子元素在盒子内水平方向上的空间分配方式 |