Tailwind CSS Flex 增长

CSS flexbox 是开发前端的重要功能，tailwind CSS 中有两个 flex-grow 可用，所有属性都以类形式覆盖。它是CSS flex增长属性的替代品，用于前端的快速开发。此类指定与该容器内的其他项目相比，该项目将增长多少。换句话说，它是一个项目与同一容器内的其他项目相比增长的能力。

弹性增长：

• flex-grow-0
• 弹性增长

flex-grow-0：该类限制了增长特性，与同一容器内的内容相比，它具有项目增长的能力。

句法：

 Contents... 

例子：

HTML

 

  
 
     
  
     
 
  
 
    

        GeeksforGeeks
    
 
  
    Tailwind CSS flex-grow-0 Class 
  
    

        

            Side Part
 
        

            Flex-Grow-0
        
 
        

            Side Part
 
    
 
 
  

输出：

flex-grow：这个类不限制增长特性，它有一个项目相对于屏幕上留下的空间增长的能力。

句法：

 Contents... 

例子：

HTML

   
 
     
  
     
 
  
 
    

        GeeksforGeeks
    
 
  
    Tailwind CSS flex-grow Class 
  
    
 
        
Side Part
 
        

            TailWind CSS Flex-Grow
        
 
        
Side Part
    
 
 
  

输出：