CSS3 布局单位 fr

说明:本文档兼容性测试基础环境为:windows系统;IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

说明:

剩余空间分配数
  • fr单位被用于在一系列长度值中分配剩余空间,如果多个已指定了多个部分,则剩下的空间根据各自的数字按比例分配。

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 墨绿 = 部分支持
  • 橙色 = 实验性质
支持版本\类型 IE Firefox Safari Chrome Opera
版本 6-9 4-6 5.1.7 13 11.5-11.51

示例:

border-parts:10px 1fr 10px;
border-parts:10px 1fr 10px 1fr 10px;
border-parts:10px 2fr 10px 2fr 10px;