行揃え (Align Content)
複数行のフレックスコンテナにおける行の配置を制御します。
alignContent プロパティは、交差軸に余分なスペースがある場合に、フレックスコンテナ内の行を配置します。このプロパティは単一行のフレックスコンテナ(flexWrap が NoWrap)には効果がありません。
値
| 值 | 説明 |
|---|---|
Stretch | デフォルト。行は残りのスペースを埋めるように引き伸ばされます。 |
FlexStart | 行はコンテナの始端に詰めて配置されます。 |
FlexEnd | 行はコンテナの終端に詰めて配置されます。 |
Center | 行はコンテナの中央に詰めて配置されます。 |
SpaceBetween | 行は均等に配置され、最初の行は始端、最後の行は終端に配置されます。 |
SpaceAround | 行は均等に配置され、各行の周囲に等しいスペースが設けられます。 |
例
Loading Preview…