Задаёт тип выравнивания строк внутри флекс-контейнера по вертикали при наличии свободного пространства.

синтаксис

align-content: flex-start|flex-end|center|space-between|space-around|stretch
				

Значения

flex-start Строки располагаются в начале вертикальной оси в верхней части контейнера. Каждая следующая строка идёт вровень с предыдущей.

center Строки располагаются по центру контейнера.

flex-end Строки располагаются начиная с конца вертикальной оси в нижней части контейнера. Каждая предыдущая строка идёт вровень со следующей.

space-between Строки равномерно распределены в контейнере и расстояние между ними одинаково. Первая строка располагается в начале вертикальной оси в верхней части контейнера, последняя строка располагается начиная с конца вертикальной оси в нижней части контейнера.

space-around Строки равномерно распределяются таким образом, чтобы пространство между двумя соседними строками было одинаковым. Пустое пространство перед первой строкой и после последней строки равно половине пространства между двумя соседними строками.

stretch Строки равномерно растягиваются, заполняя свободное пространство.

Поддержка