align-content

使用 content-* 应用CSS align-content 属性设置 Flex 容器中多行子元素沿交叉轴的对齐方式。

效果展示

content-center

1

2

3

4

5

6

7

8

9

10

content-start

1

2

3

4

5

6

7

8

9

10

content-end

1

2

3

4

5

6

7

8

9

10

content-between

1

2

3

4

5

6

7

8

9

10

content-around

1

2

3

4

5

6

7

8

9

10

content-evenly

1

2

3

4

5

6

7

8

9

10