Объяснение свойств Flexbox

Flexbox - это способ создавать адаптивные макеты без этой проблемы. Вот введение о том, что такое flexbox и как он работает.

Отображать

• Это говорит о гибком контейнере.
• Это позволяет использовать гибкий контекст для всех своих дочерних элементов.
• Он может быть встроенным или блочным

Гибкое направление

• Он определяет направление гибкости, элементы помещаются в гибкий контейнер.
• Это концепция однонаправленной компоновки.

• row (по умолчанию): слева направо в ltr; справа налево
• row-reverse: справа налево в ltr; слева направо
• столбец: то же, что и строка, но сверху вниз
• column-reverse: то же, что и row-reverse, но снизу вверх

Гибкая пленка

• По умолчанию элементы будут помещаться в одну строку.

• nowrap - все гибкие элементы будут в одной строке
• wrap - гибкие элементы будут переноситься на несколько строк сверху вниз.
• wrap-reverse - гибкие элементы будут переноситься на несколько строк снизу вверх.

Гибкий поток

• Это сокращение для свойств flex-wrap и flex-direction, и вместе они определяют поперечные оси основного контейнера.

Гибко-усадочный

• Он определяет способность гибкого элемента соответственно сжиматься.

Убедитесь, что отрицательные числа недействительны

Выравнивание

• Это позволяет переопределить выравнивание по умолчанию для гибкого элемента.

Выровнять контент

• Это выравнивает линии гибкого контейнера внутри, когда есть дополнительное пространство на поперечной оси.

Готово