首页  >  属性 Properties  >  伸缩盒(Flexible Box)(新)  >  flex-basis

版本 : CSS3 flex-basis

语法:

flex-basis<length> | <percentage> | auto | content

默认值auto

适用于:flex子项

继承性:无

动画性:是,当值为非关键字时

计算值:指定值

取值:

<length>
用长度值来定义宽度。不允许负值
<percentage>
用百分比来定义宽度。不允许负值
auto:
无特定宽度值,取决于其它属性值
content:
基于内容自动计算宽度

说明:

设置或检索弹性盒伸缩基准值。
  • 如果所有子元素的基准值之和大于剩余空间,则会根据每项设置的基准值,按比率伸缩剩余空间
  • 对应的脚本特性为flexBasis

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
ValuesIEFirefoxChromeSafariOperaiOS SafariAndroid BrowserAndroid Chrome
Basic Support6.0-10.02.0-21.04.0-20.06.015.0+-webkit-6.0-6.12.1-4.318.0-19.0
11.0+22.0+21.0+-webkit-6.1+-webkit-17.0+7.0+-webkit-4.4+20.0+-webkit-
29.0+9.0+9.0+28.0+
content6.0-11.02.0-42.04.0-47.06.0-9.015.0-32.06.0-9.02.1-4.4.418.0-42.0