MDN wants to learn about developers like you:

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




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


规范 状态 注释
CSS Grid Layout
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,