主轴对齐 (Justify Content)
沿主轴对齐子元素。
justifyContent 属性沿主轴对齐子元素(如果 flexDirection 是 Row,则为水平方向;如果是 Column,则为垂直方向)。
取值
| 值 | 描述 |
|---|---|
FlexStart | 默认值。子元素向行的起始端对齐。 |
FlexEnd | 子元素向行的末端对齐。 |
Center | 子元素在行中居中对齐。 |
SpaceBetween | 子元素均匀分布。首元素在起始端,末元素在末端。 |
SpaceAround | 子元素均匀分布,每个子元素周围的空间相等。 |
SpaceEvenly | 子元素均匀分布,任意两个子元素(和边缘)之间的空间相等。 |
示例
Loading Preview…