主轴对齐 (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…