一 容器的属性

1 flex-direction

1
22
333
flex-direction的值:

2 flex-wrap

1
2
3
4
5
6
7
8
9
10
12
12
13
14
15
16
17
18
19
20
21
flex-wrap的属性值:

3 justify-content

1
2
3
justify-content的属性值:

4 align-items

1
2
3
align-items的属性值:

5 align-content

1
2
3
4
5
6
7
8
9
10
12
12
13
14
15
16
17
18
19
20
21
align-content的属性值:

二 项目的属性

1 order

1
2
3
order的属性值:

2 flex-grow

1
2
3
flex-grow的属性值:

3 flex-shrink

1
2
3
4
5
6
7
8
9
10
12
12
13
14
15
16
17
18
19
20
21
flex-shrink的属性值:

4 align-self

1
2
3
只设置第一个div的align-self
align-self的属性值: