简体中文
简体中文
# align-self
align-self 属性在 Flex 弹性布局中设置元素在容器中的交叉轴方向的对齐方式，覆盖父元素设置的 align-items 值。
# uni-app x 兼容性
| Web | Android | iOS | HarmonyOS | HarmonyOS(Vapor) |
|---|---|---|---|---|
| 4.0 | 3.9 | 4.11 | 4.61 | 5.0 |
# 语法
align-self: auto | normal | stretch | <baseline-position> | <overflow-position>? <self-position>;
# 值限制
- enum
# align-self 的属性值
| 名称 | 兼容性 | 描述 |
|---|---|---|
| auto | 默认值。与父元素的 align-items 值一致。 | |
| center | 元素在交叉轴上居中。如果元素在交叉轴上的尺寸（高度/宽度）大于其容器，那么在两个方向均等溢出。 | |
| flex-start | 元素在交叉轴上对齐起始位置。 | |
| flex-end | 元素在交叉轴上对齐结尾位置。 | |
| stretch | 如果元素未设置高度或设为auto，将占满整个容器的高度。 | |
| baseline | 所有元素向基线对齐。交叉轴起点到元素基线距离最大的元素将会于交叉轴起点对齐以确定基线。 |
# 默认值
auto
