实现弹性布局的前提：父元素设置display：flex
1.设置主轴方向：flex-direction
row（默认）：主轴为水平方向，起点在左端
row-reverse：主轴为水平方向，起点在右端
colum：主轴为垂直方向，起点在上边
colum-reverse：主轴为垂直方向，起点在下边
2.设置子元素是否换行：flex-wrap
nowarp（默认）：不换行
wrap：换行，第一行在上方
wrap-reverse：换行，第一行在下方
3.设置主轴的对齐方式：justify-content
flex-start（默认值）：轴起点对齐
flex-end：轴终点对齐
center：居中
space-between：两端对齐，中间元素间隔相等
space-around：每个元素两侧间隔相等
space-evenly：每个元素两侧间隔相等，两边也相等
4.设置交叉轴对齐方式：align-items
flex-start：默认，交叉轴起点对齐
flex-end：交叉轴终点对齐
center：居中
baseline：文本 下基线对齐
5.调整换行的排列方式
align-content：flex-start
flex和flex-grow：分配剩余空间或者设置子元素的比例
