主軸揃え (Justify Content)
主軸に沿ってアイテムを配置します。
justifyContent プロパティは主軸に沿ってアイテムを配置します(flexDirection が Row の場合は水平方向、Column の場合は垂直方向)。
値
| 値 | 説明 |
|---|---|
FlexStart | デフォルト。アイテムを行の開始側に詰めて配置。 |
FlexEnd | アイテムを行の末尾側に詰めて配置。 |
Center | アイテムを行の中央に配置。 |
SpaceBetween | アイテムを均等に分布。最初のアイテムは開始側、最後は末尾に配置。 |
SpaceAround | アイテムを均等に分布し、各アイテムの周りのスペースを等しくする。 |
SpaceEvenly | 任意の 2 つのアイテム間(および端)のスペースが等しくなるようにアイテムを均等に分布。 |
例
Loading Preview…