弹性布局(新)
flex-direction
1 | flex-direction：row | row-reverse | column | column-reverse |
默认值：++row++
适用于：flex容器
flex-wrap
1 | flex-wrap：nowrap | wrap | wrap-reverse |
默认值：++nowrap++
适用于：flex容器
justify-content
1 | justify-content：flex-start | flex-end | center | space-between | space-around |
默认值：flex-start
适用于：flex容器
align-items
1 | align-items：flex-start | flex-end | center | baseline | stretch |
默认值：stretch
适用于：flex容器
align-content
1 | align-content：flex-start | flex-end | center | space-between | space-around | stretch |
默认值：stretch
适用于：多行的弹性盒模型容器
flex-flow(复合属性)
1 | flex-flow：<' flex-direction '> || <' flex-wrap '> |
默认值：看各分拆属性
适用于：flex容器
flex-grow
1 | flex-grow：<number> |
默认值：0
适用于：flex子项
取值：
用数值来定义扩展比率。不允许负值
flex-shrink
flex-shrink：
默认值：1
适用于：flex子项
取值：
用数值来定义收缩比率。不允许负值
flex-basis
1 | flex-basis：<length> | <percentage> | auto | content |
默认值：auto
适用于：flex子项
flex(复合属性)
1 | flex：none | <' flex-grow '> <' flex-shrink >'? || <' flex-basis '> |
默认值：看各分拆属性
适用于：flex子项
order
1 | order：<integer> |
默认值：0
适用于：flex子项和flex容器中的绝对定位子元素
取值：
用整数值来定义排列顺序，数值小的排在前面。可以为负值。
align-self
1 | align-self：auto | flex-start | flex-end | center | baseline | stretch |
默认值：auto
适用于：flex子项
弹性布局(旧)
display:box 或者 inline-box
box-orient
1 | box-orient：horizontal | vertical | inline-axis | block-axis |
默认值：horizontal
适用于：伸缩盒容器
horizontal：
设置伸缩盒对象的子元素从左到右水平排列
vertical：
设置伸缩盒对象的子元素从上到下纵向排列
inline-axis：
设置伸缩盒对象的子元素沿行轴排列
block-axis：
设置伸缩盒对象的子元素沿块轴排列
box-direction
1 | box-direction：normal | reverse |
默认值：normal
适用于：伸缩盒容器
取值：
normal：
设置伸缩盒对象的子元素按正常顺序排列
reverse：
反转伸缩盒对象的子元素的排列顺序
box-pack
1 | box-pack：start | center | end | justify |
默认值：start
适用于：伸缩盒容器
取值：
start：
设置伸缩盒对象的子元素从开始位置对齐（大部分情况等同于左对齐，受）
center：
设置伸缩盒对象的子元素居中对齐
end：
设置伸缩盒对象的子元素从结束位置对齐（大部分情况等同于右对齐）
justify：
设置或伸缩盒对象的子元素两端对齐
box-align
1 | box-align：start | end | center | baseline | stretch |
默认值：stretch
适用于：伸缩盒容器
取值：
start：
设置伸缩盒对象的子元素从开始位置对齐
center：
设置伸缩盒对象的子元素居中对齐
end：
设置伸缩盒对象的子元素从结束位置对齐
baseline：
设置伸缩盒对象的子元素基线对齐
stretch：
设置伸缩盒对象的子元素自适应父元素尺寸
box-lines
1 | box-lines：single | multiple |
默认值：single
适用于：伸缩盒容器
取值：
single：
伸缩盒对象的子元素只在一行内显示
multiple：
伸缩盒对象的子元素超出父元素的空间时换行显示
box-ordinal-group
1 | box-ordinal-group：<integer> |
默认值：1
适用于：伸缩盒子元素
取值：
用整数值来定义伸缩盒对象的子元素显示顺序。
box-flex
box-flex：
默认值：0
适用于：伸缩盒子元素
取值：
使用浮点数指定对象所分配其父元素剩余空间的比例。