Tailwind CSS 对齐项目

这个类在顺风 CSS 中接受很多值。它是 CSS Align Items 属性的替代方案。此类用于设置灵活容器内或给定窗口中项目的对齐方式。它使弹性项目在轴上对齐。 align-self类用于覆盖 align-items 类。

对齐项目类：

• 项目开始
• 项目结束
• 项目中心
• 项目基线
• 项目拉伸 

items-start：项目将被定位到容器的开头。

句法：

...

例子：

输出：

items-end：项目将被定位到容器的末尾。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Align Items Class 
    
 
        
1
 
        
2
 
        
3
 
    
 
 
  

输出：

items-center：物品的位置应该是垂直容器的中心。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Align Items Class 
    
 
        
1
 
        
2
 
        
3
 
    
 
 
  

输出：

items-baseline：项目将定位到容器的基线。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Align Items Class 
    
 
        
1
 
        
2
 
        
3
 
    
 
 
  

输出：

items-stretch：项目被拉伸以适应容器，它是默认值。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Align Items Class 
    
 
        
1
 
        
2
 
        
3
 
    
 
 
  

输出：