Флексбокс

Горизонтальная ориентация содержимого

Гибкий способ компоновки, чаще всего применяется к контейнерам, где не требуется вывод равных по ширине блоков.

Этот способ компоновки имеет настройки:

• Переносить блоки на следующую строчку: если “да” и блоки/записи перестанут слезать в строку, последние блоки перенесутся на следующую строку.
• Размещение блоков: прижать блоки к одному из краев или выровнять по центру, распределить их равномерно и оставить просвет между ними или вокруг них.
• Горизонтальный отступ между блоками.
• Параметры высоты списка: фиксированная или минимальная/максимальная. При использовании этого вида компоновки для корректного позиционирования блоков лучше использовать эти настройки высоты, а не отдельную настройку).
• Размещение блоков по вертикали (выравнивание по краю или середине или растягивание)

Вертикальная ориентация содержимого

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

• Блоки внутри контейнера должны занимать не всю ширину, а часть, и быть выровнены по краю или середине
• У контейнера задана высота, и блоки должны быть не прижаты к верху, а распределены равномерно или с просветом внутри контейнера