Свойство flex-grow определяет то,
на сколько отдельный flex-блок может быть
больше соседних элементов, если это необходимо.
Например, если все flex-блоки внутри flex-контейнера
имеют flex-grow:1, то они будут одинакового
размера. Если один из них имеет flex-grow:2,
то он будет в 2 раза больше, чем все
остальные.
Применяется к: конкретному flex блоку.
Данное свойство входит в свойство-сокращение
flex.
Синтаксис
селектор {
flex-grow: положительное число;
}
Значение по умолчанию: 0.
Смотрите также
-
свойство
flex-direction,
которое задает направление осей flex блоков -
свойство
justify-content,
которое задает выравнивание по главной оси -
свойство
align-items,
которое задает выравнивание по поперечной оси -
свойство
flex-wrap,
которое многострочность flex блоков -
свойство
flex-flow,
сокращение для flex-direction и flex-wrap -
свойство
order,
которое задает порядок flex блоков -
свойство
align-self,
которое задает выравнивание одного блока -
свойство
flex-basis,
которое задает размер конкретного flex блока -
свойство
flex-grow,
которое задает жадность flex блоков -
свойство
flex-shrink,
которое задает сжимаемость flex блоков -
свойство
flex,
сокращение для flex-grow, flex-shrink и flex-basis