Tailwind CSS 自我对齐

此类接受顺风 CSS 中的许多值。它是 CSS Align Self 属性的替代方案。此类用于控制单个弹性或网格项目如何沿其容器的横轴定位。

对齐自我类：

• 自动
• 自启动
• 自我终结
• 自我中心
• 自我拉伸

self-auto：此类用于继承其父容器的 align-items 属性，如果没有父容器则进行拉伸。这是一个默认值。

句法：

...

例子：

输出：

self-start：该类用于在灵活容器的开头对齐选中项。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Align Self Class 
    
 
        
1
 
        
2
 
        
3
 
    
 
 
  

输出：

self-end：该类用于在灵活容器的末尾对齐选中的项目。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Align Self Class 
    
 
        
1
 
        
2
 
        
3
 
    
 
 
  

输出：

self-center：该类用于将项目放置在灵活容器的中心。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Align Self Class 
    
 
        
1
 
        
2
 
        
3
 
    
 
 
  

输出：

self-stretch：此类用于定位元素以适应容器。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Align Self Class 
    
 
        
1
 
        
2
 
        
3
 
    
 
 
  

输出：