主軸揃え (Justify Content)

主軸に沿ってアイテムを配置します。

justifyContent プロパティは主軸に沿ってアイテムを配置します(flexDirection が Row の場合は水平方向、Column の場合は垂直方向)。

値

値説明
FlexStartデフォルト。アイテムを行の開始側に詰めて配置。
FlexEndアイテムを行の末尾側に詰めて配置。
Centerアイテムを行の中央に配置。
SpaceBetweenアイテムを均等に分布。最初のアイテムは開始側、最後は末尾に配置。
SpaceAroundアイテムを均等に分布し、各アイテムの周りのスペースを等しくする。
SpaceEvenly任意の 2 つのアイテム間(および端)のスペースが等しくなるようにアイテムを均等に分布。

Grid では列トラック全体の配置を制御します。Start、End、Stretch、および SafeStart、SafeEnd、SafeFlexStart、SafeFlexEnd、SafeCenter も使えます。安全な値は内容が収まらない場合に始端配置へ戻ります。未設定時の読み取り値は undefined で、表のデフォルト値は Flex レイアウトの動作を示します。

例

Loading Preview…

API リファレンス

次のステップ

© 2026 ByteLand Technology Limited