1，flex-direction方向
2，flex-wrap换行
3，justify-content元素排列
4，align-items元素在交叉轴上对齐（以元素为基准）
5，align-content 弹性容器内元素多根轴线的对齐方式（以弹性容器为基准）
6，order元素排序
7，flex-shrink放大比例
8，flex-shrink缩小比例
flex-wrap换行
1,flex-wrap: nowrap; 默认，元素不换行(元素宽度之和已经超过父元素的宽度)
1
2
3
4
5
6
7
8
9
2,flex-wrap: wrap; 换行，第一行在上方。
1
2
3
4
5
6
7
8
9
3,flex-wrap: wrap-reverse; 换行，第一行在下方。
1
2
3
4
5
6
7
8
9