CSS align-self 属性

将灵活元素内的一项的对齐方式居中：

#myBlueDiv {
align-self: center;
}

下面有更多 "亲自试一试" 示例。

定义和用法

这个align-self属性指定 Flexbox 或网格容器内所选项目在块方向上的对齐方式。

对于英文页面，块方向是向下，内联方向是从左到右。

提示：要沿内联方向而不是块方向对齐网格项，请使用justify-self或者justify-items特性。

笔记：这个align-self属性覆盖网格或灵活容器的align-items属性。

默认值：	汽车
遗传：	不
可动画：	不。阅读可动画的
版本：	CSS3
JavaScript 语法：	对象.style.alignSelf="center"尝试一下

表中的数字指定完全支持该属性的第一个浏览器版本。

Property
align-self	57.0	16.0	52.0	10.1	44.0

Value	Description	Play it
auto	Default. The element inherits its parent container's align-items property, or "stretch" if it has no parent container	Demo ❯
stretch	The element is positioned to fit the container	Demo ❯
center	The element is positioned at the center of the container	Demo ❯
flex-start	The element is positioned at the beginning of the container	Demo ❯
flex-end	The element is positioned at the end of the container	Demo ❯
baseline	The element is positioned at the baseline of the container	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit