CSS place-self 属性

CSS place-self属性是align-self和justify-self属性的简写。 CSS 中的速记属性意味着您可以在单个属性中设置多个属性值。这里 place-self 属性可以保存 align-self 和 justify-self 属性的值。

句法：

place-self: align-self-property-value justify-self-property-value

属性值：此属性接受 align-items 和 justify-items 属性值可以产生的所有可能组合值。

• auto：如果项目没有父项，则使用此属性。此属性然后用于定义项目的绝对位置。
• normal：此属性取决于当前的布局模式。
• start：此属性用于从容器的开头对齐 flex 项目。
• end：此属性用于从容器的末尾对齐 flex 项目。
• flex-start：该属性用于显示 flex 容器开始处的行。
• flex-end：该属性用于显示 flex 容器末尾的 flex 线。
• center：此属性用于将 flex 项目与容器的中心对齐。
• self-start：此属性用于将项目与项目的开始侧齐平对齐到对齐容器。
• self-end：此属性用于将项目打包到与项目结束侧对齐的对齐容器中。
• space-evenly：这个属性定义了它们之间等间距的位置，但角的间距不同。
• 拉伸：此属性定义了拉伸以占用 flex 容器剩余空间的线。它是默认值。

下面的例子说明了CSS place-self属性：

示例 1：

HTML

  

    
    

  

    
        
GeeksforGeeks
        CSS place-self Property
        

            HTML
            CSS
            Bootstrap
            JavaScript
        
    

  

输出：

示例 2：

HTML

  

    
    

  

    
        
GeeksforGeeks
        CSS place-self Property
        

            HTML
            CSS
            Bootstrap
            JavaScript
        
    

  

输出：