改变元素排列方向(flex-direction)
思考：Flex布局模型中，弹性盒子默认沿着哪个方向排列？
答：水平方向。
思考：如何实现内容垂直排列？
主轴默认是水平方向, 侧轴默认是垂直方向
修改主轴方向属性: flex-direction
image.png
改变主轴方向为垂直方向 fd
flex-direction: column;
把主轴方向变成了垂直方向，还是用jc控制主轴方向的对齐方式
意思是还是用原本justify-content: space-evenly控制水平方向变成了控制垂直方向
把侧轴方向变成了水平方向，还是用ai控制侧轴方向的对齐方式
flex-direction: column原本控制垂直方向变成了控制水平方向
image.png
弹性盒子换行(flex-wrap)
弹性盒子换行显示 : flex-wrap: wrap;
调整行对齐方式 ：align-content
取值与justify-content基本相同
image.png
