设置主轴方向
在Flex布局中，主轴默认的是水平方向，侧轴默认的则是垂直方向，但是在日常得分开发中我们需要将主轴改成垂直方向，以达到我们的布局需求。
修改主轴方向属性：
flex-direction；
| 属性值 | 作用 |
|---|---|
row | 行, 水平(默认值) |
column | *列, 垂直 |
| row-reverse | 行, 从右向左 |
| column-reverse | 列, 从下向上 |
语法规则：
flex-direction：column;
当我们给父盒子使用该属性的时候，便修改完毕，主轴变成Y轴，侧轴变成X轴。
修改主轴经常使用的场景
弹性盒子换行
我们知道，当父盒子添加了display：flex；后，所有的盒子（子盒子）都会在一行显示，不会自动换行，所以为了布局需求，我们会添加flex-wrap:wrap属性来达到换行的目的。
设置侧轴对齐方式
注意:
- 此处设置侧轴多行的垂直对齐方式。
align-content（用的少） - 和前面学过的
align-items（侧轴单行垂直对齐） （用的多） - align 垂直 比如 align-items 垂直对齐 align-content 多行垂直对齐
- content 主轴 justify-content align-content 侧轴多行对齐
align-content：center；
| 属性值 | 作用 |
|---|---|
| flex-start | 默认值, 起点开始依次排列 |
| flex-end | 终点开始依次排列 |
| center | 沿主轴居中排列 |
| space-around | 弹性盒子沿主轴均匀排列, 空白间距均分在弹性盒子两侧 |
| space-between | 弹性盒子沿主轴均匀排列, 空白间距均分在相邻盒子之间 |
