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

语法

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

Examples

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

规范

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

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

特性 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,