CSS flex-basis 属性
实例
设置第二个灵活项目的初始长度为 80 像素:
           div:nth-of-type(2) {flex-basis: 80px;} 
         
 
         浏览器支持
  
  
  
  
 
Firefox、Opera 和 Chrome 支持 flex-basis 属性。
定义和用法
flex-basis 属性规定灵活项目的初始长度。
注意:如果元素不是灵活的项目,则 flex-basis 属性不起作用。
| 默认值: | auto | 
|---|---|
| 继承: | 否 | 
| 可动画化: | 是。请参阅 可动画化(animatable)。 | 
| 版本: | CSS3 | 
| JavaScript 语法: | object.style.flexBasis="200px" | 
CSS 语法
           flex-basis: 
          number|auto|initial|inherit; 
         
 
        属性值
| 值 | 描述 | 
|---|---|
| number | 一个长度单位或者一个百分比,规定灵活项目的初始长度。 | 
| auto | 默认值。长度等于灵活项目的长度。如果该项目未指定长度,则长度将根据内容决定。 | 
| initial | 设置该属性为它的默认值。请参阅 。 | 
| inherit | 从父元素继承该属性。请参阅 。 | 
相关文章
CSS 参考手册:flex 属性
CSS 参考手册:flex-direction 属性
CSS 参考手册:flex-flow 属性
CSS 参考手册:flex-grow 属性
CSS 参考手册:flex-shrink 属性
CSS 参考手册:flex-wrap 属性
 CSS 参考手册
 CSS 参考手册