自身对齐 (Align Self)

为特定子元素覆盖父级的 alignItems 设置。

alignSelf 属性允许单个弹性子元素覆盖默认的对齐方式(即 alignItems 指定的方式)。

取值

值描述
Auto默认值。继承父级的 alignItems 值。
Stretch交叉轴尺寸为 auto 时可拉伸,并遵守 min/max 约束。
FlexStart子元素与交叉轴的起始边缘对齐。
FlexEnd子元素与交叉轴的结束边缘对齐。
Center子元素居中对齐。
Baseline子元素根据布局计算的基线对齐;测量回调不能提供文本基线。

Start / End 按容器的逻辑方向对齐;SelfStart / SelfEnd 按子元素自身的 direction 对齐。安全对齐值包括 SafeStart、SafeEnd、SafeFlexStart、SafeFlexEnd、SafeCenter、SafeSelfStart 和 SafeSelfEnd,在内容无法容纳时回退到起始对齐,避免起始边缘溢出。

Grid 中的 justifySelf 使用相同的 AlignSelf 枚举,覆盖父级的 justifyItems。将 alignSelf 或 justifySelf 设为 AlignSelf.Auto 或 undefined 会移除覆盖。未设置或移除覆盖后,直接属性访问返回 AlignSelf.Auto,而 get("alignSelf") / get("justifySelf") 返回 undefined。

示例

Loading Preview…

后续步骤

© 2026 ByteLand Technology Limited