CSS-модуль для гибких макетов, предоставляющий широкий спектр опций для выравнивания элементов, исключая при этом необходимость в плавающих элементах и таблицах.

В модели гибкого макета дочерние элементы гибкого контейнера могут быть расположены в любом направлении, в любом порядке (независимо от исходного порядка) и могут «сгибать» свои размеры, либо увеличиваясь, чтобы заполнить неиспользуемое пространство, либо сжимаясь, чтобы избежать переполнения. родитель . Как горизонтальное, так и вертикальное выравнивание детей можно легко манипулировать. Вложенность этих блоков (горизонтальная внутри вертикальной или вертикальная внутри горизонтальной) может использоваться для построения макетов в двух измерениях.


Спецификация Flexbox


Современные Flexbox Статьи

Статьи

Информация о поддержке браузера

Канонические вопросы и ответы: