flex

Оновлено: 26.05.2022

flex

Сокращённое свойство, которое позволяет указать параметры элемента, чтобы он эффективно заполнял доступное пространство. Элементы могут быть растянуты пропорционально с учётом заданного соотношения или сжаты, чтобы целиком вместить все элементы без переносов в одну строку.

Краткая информация

Значение по умолчанию flex-grow: 0
flex-shrink: 1
flex-basis: auto
Наследуется Нет
Применяется К флекс-элементам
Анимируется Да

Синтаксис

flex: none | [ flex-grow flex-shrink? || flex-basis ]

Значения

none Соответствует значению 0 0 auto.

Смотрите отдельные свойства для их значений.

Пример

В данном примере подвал располагается внизу веб-страницы.

Объектная модель

Объект.style.flex

Примечание

Safari до версии 9 поддерживает свойство -webkit-flex.

Браузеры

flex

Переглянути сумісність з Can I use?

flex