主轴对齐 (Justify Content)

沿主轴对齐子元素。

justifyContent 属性沿主轴对齐子元素(如果 flexDirection 是 Row,则为水平方向;如果是 Column,则为垂直方向)。

取值

值描述
FlexStart默认值。子元素向行的起始端对齐。
FlexEnd子元素向行的末端对齐。
Center子元素在行中居中对齐。
SpaceBetween子元素均匀分布。首元素在起始端,末元素在末端。
SpaceAround子元素均匀分布,每个子元素周围的空间相等。
SpaceEvenly子元素均匀分布,任意两个子元素(和边缘)之间的空间相等。

Grid 中此属性控制列轨道的整体对齐。还支持 Start、End、Stretch,以及 SafeStart、SafeEnd、SafeFlexStart、SafeFlexEnd、SafeCenter;安全值在内容无法容纳时回退到起始对齐。未设置时读回 undefined;表中的默认值描述 Flex 布局行为。

示例

Loading Preview…

API 参考

后续步骤

© 2026 ByteLand Technology Limited