Flexbox 弹性盒布局之 align-self 属性：单元素独立交叉轴对齐控制

在 Flexbox 布局中，父容器上的 align-items 会统一约束所有子元素在交叉轴（垂直方向）的对齐方式。而通过给特定子项设置 align-self，可以单独覆盖父级规则，实现精细对齐定制。

一、 核心取值与效果

.parent {
    display: flex;
    align-items: center; /* 默认所有子项垂直居中 */
}

.special-item {
    align-self: flex-start; /* 仅让该特殊子项顶部对齐 */
}

.bottom-item {
    align-self: flex-end;   /* 仅让该子项底部对齐 */
}