對齊主體
在 CSS 盒子對齊中,**對齊物件**是在 對齊容器內,由屬性指定的被對齊的元素(或元素們)。
對於 justify-self 和 align-self,對齊物件是設定了該屬性的盒子的外邊距盒子,並使用該盒子的書寫模式。對於 justify-content 和 align-content,也使用盒子的書寫模式。
對齊物件的定義取決於所使用的佈局模式。
- 塊級容器(包括表格單元格)
-
塊的整個內容作為一個整體。
- 多列容器
-
列盒子,任何插入在列盒子之間的間距會新增到相應的列間隙中。
- Flex 容器
-
對於
justify-content,是每條 flex 行中的 flex 項。對於align-content,是 flex 行。注意,這僅對多行 flex 容器有影響。 - Grid 容器
-
相應軸上的網格軌道,任何插入在軌道之間的間距會新增到相應的溝槽中。摺疊的溝槽被視為一個空間插入的機會。