一、Flex布局
1 flex-direction
使用flex-direction改变元素排列方向
主轴默认是水平方向, 侧轴默认是垂直方向
修改主轴方向属性: flex-direction
2 flex-wrap
使用flex-wrap实现弹性盒子多行排列效果
弹性盒子换行显示 : flex-wrap: wrap;
调整行对齐方式 ：align-content
取值与justify-content基本相同
注意：
1 align-items是对单行内容在侧轴进行排列， align-content是对多行内容在侧轴进行排列
2.align-content需要有flex-wrap: wrap;一起，才可生效
