align-content

Общие сведения

Синтаксис свойства

• Синтаксис:

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

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

Значения свойства

• flex-start - строки группируются в начале контейнера.
• flex-end - строки группируются в начале контейнера.
• center - строки группируются в центре контейнера.
• space-between - строки распределяются равномерно; первая строка находится в начале контейнера, а последняя строка в конце контейнера.
• space-around - строки распределяются равномерно с одинаковым расстоянием между друг другом.
• stretch - строки растягиваются внутри контейнера, занимая всё свободное пространство.

Поддержка браузерами

Примечание

Это свойство не произведёт никакого эффекта если в Flex-контейнере находится всего лишь одна строка.

Пример