1，flex-direction方向 2，flex-wrap换行 3，justify-content元素排列 4，align-items元素在交叉轴上对齐（以元素为基准） 5，align-content 弹性容器内元素多根轴线的对齐方式（以弹性容器为基准） 6，order元素排序 7，flex-shrink放大比例 8，flex-shrink缩小比例

flex-direction方向

1,flex-direction:row;默认，水平方向左到右
1 2 3
2,flex-direction:row-reverse;水平方向右到左
1 2 3
3,flex-direction:column;垂直方向上到下
1 2 3
4,flex-direction:column-reverse;垂直方向下到上
1 2 3