flex-direction改变元素排列方向
- flex-direction：row 行，水平（默认值）
- flex-direction：column 列，垂直
- flex-direction：row-reverse 行，从右向左
- flex-direction：column-reverse 列，从上向下
flex-warp 弹性盒子换行显示
- flex-wrap：nowrap不换行（默认值）
- fle-wrap：wrap 换行
align-content多行侧轴对齐方式
- align-content：flex-start 在侧轴最上方
- align-content：flex-end 在侧轴最下方
- align-content：center 在侧轴居中
- align-content：space-around 间隙环绕每一个子元素
- align-content：space-between 两端对齐其他等分
- align-content：space-evenly 盒子间隙都相等
