Alignment subject

CSS Box Alignmentの中では、アラインメントサブジェクトはプロパティによって整列されます。

justify-selfalign-self が設定されている場合、アラインメントサブジェクトはこれらのプロパティが設定されているボックスのマージンボックスです。そのボックスの writing mode を使用します。

justify-contentalign-contentの場合は、ボックスの writing mode が使用されます。アラインメントサブジェクトの定義は使用されているレイアウトのモードによります。

ブロックコンテナー ( テーブルセルを含む )
シングルユニットとしてのブロックのコンテンツ全体です。
マルチカラムコンテナー
カラムボックスです。間にスペースが挿入されているカラムボックスは、関連するカラムギャップに追加されます。
フレックスコンテナー
justify-content の場合は、それぞれのフレックス行の中のフレックスアイテムです。
align-content の場合は、フレックス行です。ただし、複数行のフレックスコンテナーにだけ効果を発揮します。
グリッドコンテナー
適切な軸のグリッドトラックです。トラック間にスペースを挿入すると、関連するガターに追加されます。折りたたまれたガターはスペース挿入の単一の機会です。

Learn more