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

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

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

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

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

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

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

• flex-basis
• flex-direction
• flex-grow
• flex-shrink
• justify-content
• flex

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

• CSS Flexbox Guide:Basic Concepts of Flexbox
• CSS Flexbox Guide:Aligning items in a flex container
• CSS Flexbox Guide:Controlling Ratios of flex items along the main axis