📌  相关文章
📜  Tailwind CSS 网格模板行

📅  最后修改于: 2021-08-30 10:27:21             🧑  作者: Mango

这个类在顺风 CSS 中接受多个值，并且所有属性都以类的形式覆盖。它是 CSS 中 CSS grid-template-row 属性的替代品。它用于设置网格的行数和行的大小，这里我们将这样做但为了快速开发前端。行数由赋予此类的值数设置。

网格模板行：

  • grid-rows-1：每一行只让一行。
  • grid-rows-2：每行只让两行。
  • grid-rows-3：每行只让三行。
  • grid-rows-4：每行只让四行。
  • grid-rows-5：每行只让五行。
  • grid-rows-6：每行让出六行。
  • grid-rows-none：不遵循 grid-row 属性。

句法： 

 Contents...

示例 1：

HTML
 
  
 
    Tailwind grid-rows Class 
  
     
 
  
 
    

        GeeksforGeeks
    
 
  
    Tailwind CSS grid-rows Class 
  
    
 
        
1
 
        
2
 
        
3
 
        
4
 
        
5
 
        
6
 
    
 
 
  

HTML
 
  
 
    Tailwind grid-rows Class 
  
     
 
  
 
    

        GeeksforGeeks
    
 
  
    Tailwind CSS grid-rows Class 
  
    
 
        
1
 
        
2
 
        
3
 
        
4
 
        
5
 
        
6
 
    
 
 
  

输出：

示例 2：

HTML 

 
  
 
    Tailwind grid-rows Class 
  
     
 
  
 
    

        GeeksforGeeks
    
 
  
    Tailwind CSS grid-rows Class 
  
    
 
        
1
 
        
2
 
        
3
 
        
4
 
        
5
 
        
6
 
    
 
 
  

输出：