css: flex

flex container

flex-direction

1

2

3

4

5

flex-wrap

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