<flex>

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

Синтаксис

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

Примеры

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

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

Спецификации Статус Комментарий
CSS Grid Layout
Определение '<flex>' в этой спецификации.
Кандидат в рекомендации Initial definition.

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

Update compatibility data on GitHub
КомпьютерыМобильные
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome для AndroidFirefox для AndroidOpera для AndroidSafari on iOSSamsung Internet
<flex>Chrome Полная поддержка 29Edge Полная поддержка 12Firefox Полная поддержка 40IE Полная поддержка 10Opera Полная поддержка 28Safari Полная поддержка 10.1WebView Android Полная поддержка 57Chrome Android Полная поддержка 29Firefox Android Полная поддержка 40Opera Android Полная поддержка 28Safari iOS Полная поддержка 10.3Samsung Internet Android Полная поддержка 2.0

Легенда

Полная поддержка  
Полная поддержка

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