Tailwind CSS 证明自我

这个类在 Tailwind CSS 中接受两个值。类形式涵盖了不同的属性。它是 CSS justify-self属性的替代品。此类用于指定内容位置与 CSS 网格中适当轴的对齐方式。

证明自类选项：

• 证明自我自动
• 证明自我开始
• 为自己辩护
• 以自我为中心
• 证明自我伸展

justify-self-auto：它是用于根据网格的justify-items类的值对齐项目的值。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Justify Self Class 
    
 
        

          1
        
 
        
2
 
        
3
 
        
4
    
 
 
  

输出：

justify-self-start：它允许内容将自己对齐到单元格的左侧。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Justify Self Class 
    
 
        
1
 
        
2
 
        
3
 
        
4
    
 
 
  

输出：

justify-self-end：它允许内容与单元格的右侧对齐。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Justify Self Class 
    
 
        
1
 
        
2
 
        
3
 
        
4
    
 
 
  

输出：

justify-self-center：它允许内容与单元格的中心对齐。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Justify Self Class 
    
 
        
1
 
        
2
 
        
3
 
        
4
    
 
 
  

输出：

justify-self-stretch：这是该属性的默认值，它使内容填充单元格的整个宽度。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Justify Self Class 
    
 
        
1
 
        
2
 
        
3
 
        
4
    
 
 
  

输出：