1
2
3
4
5
6
7
8
9
10

flex-direction

1
2
3
4
5
6
7
8
9
10
1
2
3
4
5
6
7
8
9
10
1
2
3
4
5
6
7
8
9
10
1
2
3
4
5
6
7
8
9
10

flex-wrap

1
2
3
4
5
6
7
8
9
10
1
2
3
4
5
6
7
8
9
10
1
2
3
4
5
6
7
8
9
10

justify-content

1
2
3
4
1
2
3
4
1
2
3
4
1
2
3
4
1
2
3
4

align-items

1
2
3
4
1
2
3
4
1
2
3
4
1
2
3
4
1
2
3
4

其他常用属性

order:属性定义项目的排列顺序。数值越小，排列越靠前，默认为0。

flex-grow:属性定义项目的放大比例，默认为0，如为1，均分剩余空间。

flex-shrink:项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。