<flex>

Baseline: Widely supported

Baseline is determined by this web feature being supported on the current and the previous major versions of major browsers.

CSS тип данных <flex> определяет гибкую длину в сеточном контейнере. Он используется в таких свойствах, как grid-template-columns, grid-template-rows.

Синтаксис

Тип данных <flex> определяется как <number> с единицей измерения fr. Единица измерения fr представляет собой долю оставшегося в сетке пространства. Как и все CSS размеры, между числом и единицей измерения нет пробела.

Примеры

css

1fr    /* Целочисленное значение */
2.5fr  /* Дробное значение */

Спецификации

Specification
CSS Grid Layout Module Level 2
# fr-unit

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также