Задаёт тип выравнивания строк внутри флекс-контейнера по вертикали при наличии свободного пространства.
синтаксис
align-content: flex-start|flex-end|center|space-between|space-around|stretch
Значения
flex-start Строки располагаются в начале вертикальной оси в верхней части контейнера. Каждая следующая строка идёт вровень с предыдущей.
center Строки располагаются по центру контейнера.
flex-end Строки располагаются начиная с конца вертикальной оси в нижней части контейнера. Каждая предыдущая строка идёт вровень со следующей.
space-between Строки равномерно распределены в контейнере и расстояние между ними одинаково. Первая строка располагается в начале вертикальной оси в верхней части контейнера, последняя строка располагается начиная с конца вертикальной оси в нижней части контейнера.
space-around Строки равномерно распределяются таким образом, чтобы пространство между двумя соседними строками было одинаковым. Пустое пространство перед первой строкой и после последней строки равно половине пространства между двумя соседними строками.
stretch Строки равномерно растягиваются, заполняя свободное пространство.
Поддержка
Internet explorer 11
Chrome 29
Opera 12.1
Safari 6.1
Firefox 28