对齐主体
在 CSS 盒子对齐中,**对齐对象**是在 对齐容器内,由属性指定的被对齐的元素(或元素们)。
对于 justify-self 和 align-self,对齐对象是设置了该属性的盒子的外边距盒子,并使用该盒子的书写模式。对于 justify-content 和 align-content,也使用盒子的书写模式。
对齐对象的定义取决于所使用的布局模式。
- 块级容器(包括表格单元格)
-
块的整个内容作为一个整体。
- 多列容器
-
列盒子,任何插入在列盒子之间的间距会添加到相应的列间隙中。
- Flex 容器
-
对于
justify-content,是每条 flex 行中的 flex 项。对于align-content,是 flex 行。注意,这仅对多行 flex 容器有影响。 - Grid 容器
-
相应轴上的网格轨道,任何插入在轨道之间的间距会添加到相应的沟槽中。折叠的沟槽被视为一个空间插入的机会。