CSS flex-basis 属性

实例

把第二个弹性项目的初始长度设置为 100 像素：

div:nth-of-type(2) {
  flex-basis: 100px;
}

flex-basis 属性规定弹性项目的初始长度。

注释：如果元素不是弹性项目，则 flex 属性无效。

表格中的数字注明了完全支持该属性的首个浏览器版本。

带 -webkit- 或 -moz- 的数字表示使用前缀的首个版本。

属性	Chrome	IE	Firefox	Safari	Opera
flex-basis	29.0 21.0 -webkit-	11.0	28.0 18.0 -moz-	9.0 6.1 -webkit-	17.0

flex-basis: number|auto|initial|inherit;

值	描述
number	长度单位或百分百，规定弹性项目的初始长度。
auto	默认值。长度等于弹性项目的长度。如果该项目未规定长度，则长度将依据其内容。
initial	将此属性设置为其默认值。参阅 initial。
inherit	从其父元素继承此属性。参阅 inherit。