Tailwind CSS 网格行开始/结束

这个类在顺风 CSS 中接受多个值。所有属性都以类形式覆盖。它是 CSS 中 CSS grid-row 属性的替代品。它用于描述允许使用 Tailwind CSS 设计网格结构和控制网格项目放置的属性数量。它可以改变网格项目的布局而不管它们的源顺序，这允许移动网格项目以满足这些不同的上下文，而无需修改底层标记。但是对于前端的快速开发。行数由赋予此类的值数设置。

网格行开始/结束：

• 行自动
• 行跨度 1
• 行跨度 2
• 行跨度 3
• 行跨度 4
• 行跨度 5
• 行跨度 6
• 行跨度 7
• 行跨度 8
• 行跨度 9
• 行跨度 10
• 行跨度 11
• 行跨度 12
• 全行
• 行开始 1
• 行开始 2
• 行开始 3
• 行开始 4
• 行开始 5
• 行开始 6
• 行开始 7
• 行开始 8
• 第 9 行
• 行开始 10
• 行开始 11
• 行开始 12
• 行开始 13
• 行开始自动
• 行尾 1
• 行尾 2
• 行尾 3
• 行尾 4
• 行尾 5
• 行尾 6
• 行尾 7
• 行尾 8
• 行尾 9
• 行尾 10
• 行尾 11
• 行尾 12
• 行尾 13
• 行尾自动

跨行(row-span)：这个类会覆盖跨度区域，在这个类后面提到的数字会保存一个跨度的区域，我们都知道有12个网格行或者你可以说12个网格跨度。

句法：

 Contents... 

参数：该类接受如上所述和如下所述的单个参数：

number：它保存网格行将采用的跨度数。

例子：

HTML

   
 
     
  
     
 
  
 
    

        GeeksforGeeks
    
 
  
    Tailwind CSS row-span Class 
  
    
 
        
1
 
        
2
 
        
3
 
        
4
 
        
5
 
        
6
 
    
 
 
  

输出：

起始行和结束行(row-start|end)：该类用于使元素在第 n 个网格线开始或结束。这些也可以与 row-span-number 实用程序结合使用以跨越特定数量的列。

注意：我们可以将此类与上述类(跨列(行跨))合并，下面的示例将让您了解如何使用它。

句法：

..

参数：该类接受如上所述和如下所述的单个参数：

number：该参数定义网格行或普通行的开始或结束位置。

例子：

HTML

 
  
 
     
  
     
 
  
 
    

        GeeksforGeeks
    
 
  
    Tailwind CSS row-start|end Class 
  
    
 
        
1
 
        
2
 
        
3
 
        
4
 
        
5
 
        
6
 
        
7
 
        
8
    
 
 
  

输出：