<content-position>

<content-position> 枚举值类型用于 justify-contentalign-content 属性,以及 place-content 简写属性,用于在盒内对齐盒的内容。

语法

<content-position> = center | start | end | flex-start | flex-end

<content-position> 枚举值类型使用以下关键词之一指定。

center

对齐主体 在其 对齐容器 中居中。

start

将对齐主体与对齐容器的起始边缘对齐。

end

将对齐主体与对齐容器的结束边缘对齐。

flex-start

在弹性布局中,将对齐主体与对齐容器的边缘对齐,该边缘对应于弹性容器的主轴起始侧或交叉轴起始侧(视情况而定)。对于弹性布局之外的布局模式,它与 start 相同。

flex-end

在弹性布局中,将对齐主体与对齐容器的边缘对齐,该边缘对应于弹性容器的主轴结束侧或交叉轴结束侧(视情况而定)。对于弹性布局之外的布局模式,它与 end 相同。

注意:leftright 关键词被排除在 <content-position> 之外,尽管它们是 justify-* 属性(justify-contentjustify-selfjustify-items)的有效位置对齐值,因为它们不允许在 align-* 属性(align-contentalign-selfalign-items)中使用。它们在 justify-* 属性的语法中被明确包含。

规范

规范
CSS Box Alignment Module Level 3
# typedef-content-position

另见