flex布局模型
1. flex-direction: row | row-reverse | column | column-reverse
flex-direction 属性决定主轴的方向（即项目的排列方向）。
row(默认值): 主轴为水平方向，起点在左端。
row-reverse: 主轴为水平方向，起点在右端。
column: 主轴为垂直方向，起点在上沿。
column-reverse: 主轴为垂直方向，起点在下沿。
2. flex-grow
flex-grow:1 /* 扩张多余空间宽度 */