<flex>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
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