flex
Обновлено: 29.03.2023
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.