主軸揃え (Justify Content)

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

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

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

Loading Preview…

API リファレンス

次のステップ

© 2026 ByteLand Technology Limited