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