Cross Axis (交差軸)

ジャンプ先:
  1. 関連項目

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

縦方向の交差軸

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

横方向の交差軸

交差軸方向のアイテムの位置合わせは flex コンテナの align-items プロパティかアイテムの align-self プロパティによって行われます。複数行の flex コンテナで交差軸方向の余白がある場合は、行間のコントロールのために align-content を使うことが出来ます。

関連項目

プロパティリファレンス

参考文献

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

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