交叉轴对齐 (Align Items)

控制子元素沿交叉轴的对齐方式。

alignItems 属性定义了弹性子元素在当前行交叉轴上的默认对齐行为。可以将其视为交叉轴方向(垂直于主轴)的 justifyContent。

取值

值描述
Stretch默认值。交叉轴尺寸为 auto 的子元素可被拉伸,并遵守 min/max 约束。
FlexStart子元素与交叉轴的起始边缘对齐。
FlexEnd子元素与交叉轴的结束边缘对齐。
Center子元素在交叉轴上居中对齐。
Baseline子元素根据布局计算的基线对齐。

测量回调只返回尺寸,不能提供文本基线;Taffy 不会从文本或字体中测出基线。

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

alignItems 也用于 Grid 的块轴对齐;Grid 的行内轴使用 justifyItems,同样接受 AlignItems 枚举。未设置的属性读回 undefined;表中的默认值描述布局行为。

示例

Loading Preview…

后续步骤

© 2026 ByteLand Technology Limited