CSS тип данных <flex> определеяет гибкую длину в сеточном контейнере. Он используется в таких свойствах, как grid-template-columns, grid-template-rows.
Синтаксис
Тип данных <flex> определяется как <number> с единицей измерения fr. Единица измерения fr представляет собой долю оставшегося в сетке пространства. Как и все CSS размеры, между числом и единицей измерения нет пробела.
Примеры
1fr /* Целочисленное значение */ 2.5fr /* Дробное значение */
Спецификации
| Спецификации | Статус | Комментарий |
|---|---|---|
| CSS Grid Layout Определение '<flex>' в этой спецификации. |
Кандидат в рекомендации | Initial definition. |
Совместимость с браузерами
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Компьютеры | Мобильные | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
<flex> | Chrome Полная поддержка 29 | Edge Полная поддержка 12 | Firefox Полная поддержка 40 | IE Полная поддержка 10 | Opera Полная поддержка 28 | Safari Полная поддержка 10.1 | WebView Android Полная поддержка 57 | Chrome Android Полная поддержка 29 | Firefox Android Полная поддержка 40 | Opera Android Полная поддержка 28 | Safari iOS Полная поддержка 10.3 | Samsung Internet Android Полная поддержка 2.0 |
Легенда
- Полная поддержка
- Полная поддержка