一、修改主轴方向
flex-direction: column; (主轴方向修改成从上到下)
flex-direction改变元素排列方向
- align-content：flex-start 在侧轴最上方
- align-content：flex-end 在侧轴最下方
- align-content：center 在侧轴居中
- align-content：space-around 间隙环绕每一个子元素
- align-content：space-between 两端对齐其他等分
- align-content：space-evenly 盒子间隙都相等
二、弹性盒子换行
flex-wrap: wrap;实现弹性盒子多行排列效果
- flex-wrap：nowrap不换行（默认值）
- fle-wrap：wrap 换行
三、多行对齐方式
align-content (取值与justify-content基本相同)
