如何在 CSS 中将 align-self 属性设置为其默认值？

在本文中，我们将学习如何将 align-self 属性设置为其默认值。 align-self 属性用于指定父元素内所选项目的对齐方式。

方法： align-self 属性中的auto值用于设置 CSS 中的默认值。该值使该属性直接继承其父元素的行为。在这种情况下，这是不可能的，元素像使用拉伸属性一样拉伸。

句法：

align-self: auto

下面的示例演示了上述方法。

示例 1：在此示例中，父容器将 align-items 设置为 center。

HTML

  

    

  

    

        

            Child One with no align-self specified
        
        

            Child Two with align-self set to auto
        
        

            Child Three with align-self set to baseline
        
    

  

输出：我们可以看到前两个元素继承了父元素的属性。

示例 2：在此示例中，父容器未指定 align-items 属性。

HTML

  

    

  

    

        

            Child One with no align-self specified
        
        

            Child Two with align-self set to auto
        
        

            Child Three with align-self set to center
        
    

  

输出：我们可以看到前两个元素回退到拉伸，因为父元素没有指定 align-items。