CSS | flex-basis 属性

CSS 中的 flex-basis 属性用于指定灵活项目的初始大小。如果元素不是柔性项目，则不使用 flex 属性。

句法：

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

属性值：

number：它是一个长度单位，用于定义该项目的初始长度。

auto：这是默认值，如果没有指定长度，长度将根据它的内容而定。

初始：它将属性设置为其默认值。

继承：它指定一个属性应该从它的父元素继承它的值。

示例 1：

      

    

  

    
          
        

            The flex-basis Property
        
          
        

              
            

                number 80px
            
              
            

                percentage
            
              
            

                auto
            
              
            

                initial
            
              
            

                inherit
            
        
 
          
    

  
                    

输出：

示例 2：

      

    

  

    
          
        

            The flex-basis Property
        
          
        

            

                80px
            
              
            

                GeeksforGeeks 
200px
            
              
            

                80px
            
              
            

                80px
            
              
            

                120px
            
        
 
    

  
                    

输出：

支持的浏览器： flex-basis 属性支持的浏览器如下：

• 谷歌浏览器 29.0、21.0 -webkit-
• 浏览器 11.0
• Mozilla Firefox 28.0, 18.0 -moz-
• Safari 9.0, 6.1 -webkit-
• 歌剧 17.0