<flex> CSS 数据类型 表示了网格(grid)容器中的一段可变长度。于grid-template-columnsgrid-template-rows及相关属性中使用。

语法

<flex>数据类型为一<number>后加单位fr。与所有CSS尺寸相同,单位与数字间无空格。

Examples

1fr    /* 使用整型 */
2.5fr  /* 使用浮点 */

规范

规范 状态 注释
CSS Grid Layout
<flex>
Candidate Recommendation 初步定义

浏览器兼容性

特性 Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari
基础支持 未实现[1] 20 (12.10240) 未实现[2] 10.0 未实现[1] Nightly build
特性 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基础支持 未实现 未实现[2] 10.0 未实现 未实现

[1] Chrome 29.0 与 Opera 28.0 之后可从实验性网络平台功能(experimental Web Platform features) chrome://flags 开启该 flag。

[2] 需偏好设置中启动 layout.css.grid.enabled,其默认为 false

See also

文档标签和贡献者

 此页面的贡献者: huasheng
 最后编辑者: huasheng,