Главная ось

Главная ось в flexbox определяется направлением, установленным в свойстве flex-direction. Это свойство может принимать одно из четырёх значений:

  • row
  • row-reverse
  • column
  • column-reverse

Если вы выберите row или row-reverse, то главная ось будет проходить вдоль направления строк.

In this image the flex-direction is row which forms the main axis

Выберите column или column-reverse, и главная ось будет проходить сверху вниз в направлении блоков.

На главной оси вы можете контролировать размеры flex элементов, добавляя к ним свободное простанство с помощью свойства flex на самих элементах. Также, вы можете контролировать пространство между и вокруг элементов свойством justify-content.

Узнать больше

Связанные свойства

Дальнейшее чтение