對齊主體

CSS 盒子對齊中,**對齊物件**是在 對齊容器內,由屬性指定的被對齊的元素(或元素們)。

對於 justify-selfalign-self,對齊物件是設定了該屬性的盒子的外邊距盒子,並使用該盒子的書寫模式。對於 justify-contentalign-content,也使用盒子的書寫模式。

對齊物件的定義取決於所使用的佈局模式。

塊級容器(包括表格單元格)

塊的整個內容作為一個整體。

多列容器

列盒子,任何插入在列盒子之間的間距會新增到相應的列間隙中。

Flex 容器

對於 justify-content,是每條 flex 行中的 flex 項。對於 align-content,是 flex 行。注意,這僅對多行 flex 容器有影響。

Grid 容器

相應軸上的網格軌道,任何插入在軌道之間的間距會新增到相應的溝槽中。摺疊的溝槽被視為一個空間插入的機會。

另見