Align Content

Class	Properties
t.contentStart	alignContent: 'flex-start'
t.contentEnd	alignContent: 'flex-end'
t.contentCenter	alignContent: 'center'
t.contentStretch	alignContent: 'stretch'
t.contentBetween	alignContent: 'space-between'
t.contentAround	alignContent: 'space-around'

Start

Use t.contentStart to pack lines in a flex container against the start of the cross axis:

1

2

3

4

5

End

Use t.contentEnd to pack lines in a flex container against the end of the cross axis:

1

2

3

4

5

Center

Use t.contentCenter to pack lines in a flex container in the center of the cross axis:

1

2

3

4

5

Stretch

Use t.contentStretch to stretch lines in a flex container such that there is an no amount of space between the lines:

1

2

3

4

5

Space between

Use t.contentBetween to distribute lines in a flex container such that there is an equal amount of space between each line:

1

2

3

4

5

Space around

Use t.contentAround to distribute lines in a flex container such that there is an equal amount of space around each line:

1

2

3

4

5