多行对齐 (Align Content)
控制多行弹性容器中行的对齐方式。
alignContent 属性用于在交叉轴上有剩余空间时,对齐弹性容器内的行。此属性对单行弹性容器(即 flexWrap 为 NoWrap)无效。
取值
| 值 | 描述 |
|---|---|
Stretch | 默认值。行被拉伸以占据剩余空间。 |
FlexStart | 行紧凑排列在容器起始位置。 |
FlexEnd | 行紧凑排列在容器结束位置。 |
Center | 行紧凑排列在容器中间。 |
SpaceBetween | 行均匀分布;第一行在起始位置,最后一行在结束位置。 |
SpaceAround | 行均匀分布,行与行之间有相等的空间。 |
示例
Loading Preview…