flex-direction

flex-direction: row | row-reverse | column | column-reverse

📝 Описание

Определяет направление главной оси flex-контейнера. Устанавливает направление и ориентацию flex-элементов.

Значение по умолчанию: row

🎯 Возможные значения

  • row — слева направо (LTR) или справа налево (RTL)
  • row-reverse — справа налево (LTR) или слева направо (RTL)
  • column — сверху вниз
  • column-reverse — снизу вверх
.flex-container {
  display: flex;
  flex-direction: column;
}

🌐 Поддержка браузеров

Все современные браузеры

📚 Подробнее

Подробнее об этом свойстве вы можете узнать в нашем руководстве: Полное руководство по CSS Flexbox