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

Краткая информация

Значение по умолчанию stretch
Наследуется Нет
Применяется К флекс-контейнеру
Анимируется Нет

Синтаксис

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

 

Значения

Значение Описание
flex-start Строки располагаются в начале поперечной оси. Каждая следующая строка идёт вровень с предыдущей.
center Строки располагаются по центру контейнера.
flex-end Строки располагаются начиная с конца поперечной оси. Каждая предыдущая строка идёт вровень со следующей.
space-between Строки равномерно распределяются в контейнере и расстояние между ними одинаково.
space-around Строки равномерно распределяются таким образом, чтобы пространство между двумя соседними строками было одинаковым. Пустое пространство перед первой строкой и после последней строки равно половине пространства между двумя соседними строками.
stretch Строки равномерно растягиваются, заполняя свободное пространство.