主轴方向

flex-row

0
1
2
3
4
5
6
7

flex-column

0
1
2
3
4
5
6

主轴对齐

flex-row.main-around

0
1
2
3

flex-row.main-between

0
1

flex-column.main-between

0
1

交叉轴对齐

flex-row.cross-center

0
1
2
3

flex-row.cross-end

0
1
2
3

主轴和交叉轴同时使用

flex-row.main-center.cross-center

0
1

flex-column.main-center.cross-center

0
1

子元素换行

flex-row.flex-wrap

0
1
2
3
4
5
6

flex-row.flex-wrap-no

0
1
2
3
4
5
6

flex-column.flex-wrap

0
1
2
3
4
5
6

flex-column.flex-wrap-no

0
1
2
3
4
5
6