CSS: align-content (flex cross axis)

align-content

• CSS property align-content is for Flexbox container.
• It is for aligning flexbox items in multi-line cross axis.
• It only works when flex-wrap wrap is used.

align-content: stretch

default

1

2

3

4

5

6

align-content: flex-start

1

2

3

4

5

6

align-content: center

1

2

3

4

5

6

align-content: space-between

1

2

3

4

5

6