Флексбокс (от англ.flexbox) — общепринятый термин спецификацииCSS Flexible Box Layout Module, которая описывает модель отображения элементов в одном измерении — в виде строки или столбца.

В спецификации флексбокс описывается как модель разметки для проектирования пользовательского интерфейса. Ключевая особенность флексбокса заключается в том, что элементы во флекс-разметке могут растягиваться и сжиматься. Пространство может использоваться самими элементами или распределяться между или вокруг элементов.

Флексбокс также позволяет выравнивать элементы по главной или поперечной осям, предоставляя широкие возможности управления размерами и выравниванием группы элементов.

Смотрите также

Описание свойств

• align-content
• align-items
• align-self
• flex
• flex-basis
• flex-direction
• flex-flow
• flex-grow
• flex-shrink
• flex-wrap
• justify-content
• order

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

• CSS Flexible Box Layout Module Level 1 Specification
• Руководство по CSS Flexbox:
  • Основные понятия о флексбоксе
  • Relationship of flexbox to other layout methods
  • Выравнивание элементов во флекс-контейнере
  • Ordering flex items
  • Controlling Ratios of flex items along the main axis
  • Разбираемся с обёртыванием флекс-элементов
  • Typical use cases of flexbox