justify-content

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

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

• Синтаксис:

  justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly

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

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

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

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

Пример