Найти в Дзене
Appsfera.Digest

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

Flexbox - это способ создавать адаптивные макеты без этой проблемы. Вот введение о том, что такое flexbox и как он работает. Отображать Гибкое направление Гибкая пленка Гибкий поток Гибко-усадочный Убедитесь, что отрицательные числа недействительны Выравнивание Выровнять контент Готово
Оглавление

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

Отображать

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

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

  • Он определяет направление гибкости, элементы помещаются в гибкий контейнер.
  • Это концепция однонаправленной компоновки.
-3
  • row (по умолчанию): слева направо в ltr; справа налево
  • row-reverse: справа налево в ltr; слева направо
  • столбец: то же, что и строка, но сверху вниз
  • column-reverse: то же, что и row-reverse, но снизу вверх

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

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

Гибкий поток

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

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

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

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

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

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

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

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

Готово

-9