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