Свойство flex-basis

Задает начальный размер элемента в контейнере flexbox. Если используется flex-direction: row; то flex-basis отвечает за ширину элемента, если используется flex-direction: column; то flex-basis отвечает за высоту элемента. Данное свойство имеет приоритет, если используется вместе с width и height свойствами.

flex-basis: 20%;
  • поддерживается начиная с
  • частичная поддержка до
  • не поддерживается

Значения

flex-basis: auto;

Размер элемента будет изменяться в зависимости от содержимого

flex-basis: 20%;

Размер элемента в указанных единицах. Возможные единицы: %, px, em, rem, vh, vw. Если установлен flex-direction: row; и элемент не помещается в строку, а свойство flex-wrap не установлено в значение wrap, то размер ячейки будет изменен в соответствии с оставшимся пространством

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии