Tailwind CSS 对齐项

这个类在 Tailwind CSS 中接受两个值。它是 CSS justify-items属性的替代品。此类用于控制网格项如何沿其内联轴对齐。

对齐项目：

• justify-items-auto
• 对齐项目开始
• 对齐项目结束
• 对齐项目中心
• 对齐项目拉伸 

justify-items-auto：此类用于在其内联轴上自动对齐网格项。

句法：

...

例子：

输出：

justify-items-start：此类用于根据其内联轴的起点对齐网格项。

句法：

...

例子：

HTML

 
    
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Justify Items Class 
    
 
        
1
 
        
2
 
        
3
 
        
4
        
5
 
        
6
    
 
 

输出：

justify-items-end：该类用于根据内联轴的末端对齐网格项。

句法：

...

例子：

HTML

 
    
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Justify Items Class 
    
 
        
1
 
        
2
 
        
3
 
        
4
        
5
 
        
6
    
 
 
  

输出：

justify-items-center：此类用于沿其内联轴对齐网格项。

句法：

...

例子：

HTML

 
    
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Justify Items Class 
    
 
        
1
 
        
2
 
        
3
 
        
4
        
5
 
        
6
    
 
 
  

输出：

justify-items-stretch：此类用于沿其内联轴拉伸项目。

句法：

...

例子：

HTML

 
    
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Justify Items Class 
    
 
        
1
 
        
2
 
        
3
 
        
4
        
5
 
        
6
    
 
 
  

输出：