首先需先添加 display: flex; 一定要给亲爸爸加。
主轴对齐方式
常用属性值：
center 主轴居中排列
space-around 弹性盒子沿主轴均匀排列，空白间隙均分在弹性盒子的两侧
space-between 弹性盒子沿主轴均匀排列，空白间隙均分在相邻盒子之间
space-evenly 弹性盒子沿主轴均匀排列，弹性盒子与容器之间间距相等
justify-content属性
justify-content: space-between; 显示效果，两侧没间隙。
justify-content: space-around; 显示效果，中间间隙两倍。
justify-content: space-evenly; 显示效果，间隙一样大。
justify-content: center; 显示效果，盒子水平居中。
侧轴对齐方式
align-items 属性
属性值：
center 沿侧轴居中
stretch 默认值，沿主轴线拉伸至铺满容器
flex-direction
属性决定主轴方向。
默认为水平方向。属性值一般改为垂直方向，column。
flex-wrap属性
1.nowrap(默认)：不换行
2.wrap：换行
3.wrap-reverse:换行，第一行在下方
align-content属性
定义了多根轴线的对齐方式。（如果项目只有一根轴线，该属性不起作用）取值与justify-content相同。
