flex布局改变元素的排列方向
语法：flex-direction
给需要改变布局排列方向父盒子添加该语法。
（则原本主轴的水平方向会成主轴方向为垂直方向。）
属性有：
1.row：行，水平方向（也是默认值）
2.column：列，垂直方向
3.row-reverse：行，从右到左（反方向）
4.column-reverse：列，从下到上（反方向）——很少使用
flex布局中多行排列
语法：flex-warp
换行显示：flex-warp：warp；
不换行显示：flex-warp：nowwarp；
调整多行对齐方式：align-content
相关的属性(和justify-content的属性名称相同)有：
1.flex-start：从开始端排列
2.flex-end：从结束端排列
3.center：居中排列
4.space-between：两端对齐
5.space-around：弹性盒子两边边距相同
6.space-evenly：每个盒子平均分配排列
