Tailwind CSS 之间的空间

此类接受 tailwind CSS 中的许多值，其中所有属性都以类的形式覆盖。它是 CSS Space Between 属性的替代品。此类用于控制子元素之间的空间。

类之间的空间：

• 空间-y-0
• 空间-y-反向
• -空间-y-0
• 空间-x-0
• 空间-x-反向
• -空间-x-0

注意：您可以使用有效的“rem”值更改数字“0”。

space-y-0：此类用于在 y 轴上执行空间。

句法：

...

例子：

输出：

space-y-reverse：该类用于在 y 轴上执行反向间距，但在此之前必须使用flex-reverse类。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Space Between Class 
    

        
1
        
2
        
3
        
4
    
 
  

输出：

-space-y-0：此类用于 x 轴上的负间距。通过使用这个类，我们可以将一个元素放在另一个元素中。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Space Between Class 
    

        
1
        
2
        
3
        
4
    
 
  

输出：

space-x-0：此类用于在 x 轴上执行空间。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Space Between Class 
    

        
1
        
2
        
3
        
4
    
 
  

输出：

space-x-reverse：该类用于在 x 轴上执行反向间距，但在此之前必须使用flex-reverse类。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Space Between Class 
    

        
1
        
2
        
3
        
4
    
 
  

输出：

-space-x-0：此类用于 x 轴上的负间距通过使用此类，我们可以将一个元素放在另一个元素中。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Space Between Class 
    

        
1
        
2
        
3
        
4
    
 
  

输出：