Tailwind CSS Place Self

此类接受顺风 CSS 中的许多值。它是 CSS Place Items 属性的替代方案。此类用于控制单个项目如何同时对齐和对齐。在这个类中，您可以在一个类中设置多个类值。

放置自我课程：

• 自动放置
• 地方自启动
• 地方自我结束
• 地方自我中心
• 位置自拉伸

place-self-auto：如果项目没有父项，则使用此类。此类用于定义项目的绝对位置。

句法：

...

例子：

输出：

place-self-start：该类用于在 flex 容器的开头显示行。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Place Self Class 
    
 
        
1
        
2
        
3
        
4
        
5
        
6
    
 
 
  

输出：

place-self-end：该类用于在 flex 容器的末尾显示 flex 线。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Place Self Class 
    
 
        
1
        
2
        
3
        
4
        
5
        
6
    
 
 
  

输出：

place-self-center：此类用于将弹性项目对齐到容器的中心。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Place Self Class 
    
 
        
1
        
2
        
3
        
4
        
5
        
6
    
 
 
  

输出：

place-self-stretch：这个类定义了被拉伸的线以占用弹性容器的剩余空间。它是默认值。

句法：

...

例子：

HTML

 
 
     
 
  
 
    

        GeeksforGeeks
    
 
    Tailwind CSS Place Self Class 
    
 
        
1
        
2
        
3
        
4
        
5
        
6
    
 
 
  

输出：