<content-position>
<content-position> 枚举值类型用于 justify-content 和 align-content 属性,以及 place-content 简写属性,用于在盒内对齐盒的内容。
语法
<content-position> = center | start | end | flex-start | flex-end
值
<content-position> 枚举值类型使用以下关键词之一指定。
centerstart-
将对齐主体与对齐容器的起始边缘对齐。
end-
将对齐主体与对齐容器的结束边缘对齐。
flex-start-
在弹性布局中,将对齐主体与对齐容器的边缘对齐,该边缘对应于弹性容器的主轴起始侧或交叉轴起始侧(视情况而定)。对于弹性布局之外的布局模式,它与
start相同。 flex-end-
在弹性布局中,将对齐主体与对齐容器的边缘对齐,该边缘对应于弹性容器的主轴结束侧或交叉轴结束侧(视情况而定)。对于弹性布局之外的布局模式,它与
end相同。
注意:left 和 right 关键词被排除在 <content-position> 之外,尽管它们是 justify-* 属性(justify-content、justify-self 和 justify-items)的有效位置对齐值,因为它们不允许在 align-* 属性(align-content、align-self 和 align-items)中使用。它们在 justify-* 属性的语法中被明确包含。
规范
| 规范 |
|---|
| CSS Box Alignment Module Level 3 # typedef-content-position |
另见
- 使用此数据类型的属性:
align-content、justify-content、place-content - 其他盒对齐数据类型:
<baseline-position>、<content-distribution>、content-position、<overflow-position>和<self-position> - CSS 盒模型对齐模块
- CSS 弹性盒子布局模块
- CSS 网格布局模块