Tailwind CSS 网格自动行

此类接受 Tailwind CSS 中的多个值，其中所有属性都以类形式覆盖。它是 CSS grid-auto-rows 属性的替代品。此类用于指定隐式生成的网格容器的行的大小。此类用于实用程序来控制隐式创建的网格行的大小。

网格自动行类：

1. 自动行自动
2. 自动行分钟
3. 自动行最大
4. 自动行-fr

auto-rows-auto：默认值。大小是根据容器的大小隐式确定的。

句法：

..

例子：

输出：

auto-rows-min：根据容器中最小的项目指定大小。

句法：

..

例子：

HTML

 
 
     
     
 
  
 
    
 
        GeeksforGeeks 
    
 
  
    Tailwind CSS Grid Auto Rows Class 
        

            

                LiveScript Become JavaScript
            
 
            

                HyperText Markup language
                  
            
  
            

                Bootstratp become replacement of CSS
            
 
            

                Cascading Style Sheet
            
 
  
        
 
     
 

输出：

auto-rows-max：根据容器中最大的项目指定大小。

句法：

..

例子：

HTML

 
 
     
     
 
  
 
    
 
        GeeksforGeeks 
    
 
  
    Tailwind CSS Grid Auto Rows Class 
        

            

                LiveScript Become JavaScript
            
 
            

                HyperText Markup language
                  
            
  
            

                Bootstratp become replacement of CSS
            
 
            

                Cascading Style Sheet
            
 
  
        
 
     
 

输出：

auto-rows-fr：在[min, max]范围内指定大于等于min且小于等于max的大小。

句法：

..

例子：

HTML

 
 
     
     
 
  
 
    
 
        GeeksforGeeks 
    
 
  
    Tailwind CSS Grid Auto Rows Class 
        

            

                LiveScript Become JavaScript
            
 
            

                HyperText Markup language
                  
            
  
            

                Bootstratp become replacement of CSS
            
 
            

                Cascading Style Sheet
            
 
  
        
 
     

输出：

自动行