CSS高级技能

flex container

flex-directionrow, row-reverse, column, column-reverse

1

2

3

4

5

flex-wrapnowrap, wrap, wrap-reverse

1

2

3

4

5

align-itemsflex-start, flex-end, center, baseline, stretch

1

2

3

4

5

justify-contentflex-start, flex-end, space-between, center, space-around

1

2

3

4

5

align-contentflex-start, flex-end, center, space-between, space-around, stretch

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

flex items

align-selfauto, flex-start, flex-end, center, baseline, stretch

1

2

3

4

5

flex-grow

1

2

3

4

5

flex-shrink

1

2

3

4

5

order

1

2

3

4

5