一、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;一起，才可生效