Cross Axis (交差軸)

ジャンプ先:

フレックスボックス における交差軸 (cross axis / クロス軸) は、主軸 (main axis / メイン軸) と交差する軸で、 flex-directionrow または row-reverse であるとき (つまり主軸が横方向であるとき)、縦方向の軸のことです。

縦方向の交差軸

主軸が column または column-reverse の場合は、交差軸は横方向となります。

横方向の交差軸

交差軸方向のアイテムの位置合わせは、フレックスコンテナーの align-items プロパティかアイテムの align-self プロパティによって行われます。交差軸方向に余白がある複数行のフレックスコンテナーでは、 align-content を使って行間を制御することができます。

理解を深める

プロパティリファレンス

関連情報

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, Uemmra3, reppets
最終更新者: mfuji09,