Skip to content

align-self

单个项目有与其他项目不一样的对齐方式

单个项目覆盖 align-items 定义的属性

默认值为 auto,表示继承父元素的 align-items 属性,如果没有父元素,则等同于 stretch。

css
.item {
     align-self: auto | flex-start | flex-end | center | baseline | stretch;
}

image-20240508141633439

容器 align-items 设置为 flex-start,而第三个项目的 align-self 值为 flex-end。

测试自动部署