盒布局相关属性

box-align：start | end | center | baseline | stretch

start：设置弹性盒模型对象的子元素从开始位置对齐

 

center：设置弹性盒模型对象的子元素居中对齐

 

end：设置弹性盒模型对象的子元素从结束位置对齐

 

baseline：设置弹性盒模型对象的子元素基线对齐

 

stretch：设置弹性盒模型对象的子元素自适应父元素尺寸

 

box-pack：start | center | end | justify

start：设置弹性盒模型对象的子元素从开始位置对齐（等同于左对齐）

 

center：设置弹性盒模型对象的子元素居中对齐

 

end：设置弹性盒模型对象的子元素从结束位置对齐（等同于右对齐）

 

justify：设置或弹性盒模型对象的子元素两端对齐

box-align:center垂直居中

box-orient：horizontal | vertical

horizontal：设置弹性盒模型对象的子元素为水平排列

 

vertical：设置弹性盒模型对象的子元素为纵向排列

 

box-direction：normal | reverse

normal：设置弹性盒模型对象的子元素按正常顺序排列

 

reverse：反转弹性盒模型对象的子元素的排列顺序

 

box-flex：<number>  使用浮点数指定对象所分配其父元素剩余空间的比例

 

box-lines：single | multiple

single：弹性盒模型对象的子元素只在一行内显示

 

multiple：弹性盒模型对象的子元素超出父元素的空间时换行显示