<self-position>

<self-position> 枚举值数据类型用于 justify-selfalign-self 属性,以及 place-self 简写属性,用于将其盒子在其对齐容器中对齐。它还用于 justify-itemsalign-items 属性,以及 place-items 简写属性,用于指定 justify-selfalign-self 的默认值。

语法

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

以下关键字值由 <self-position> 语法术语表示

center

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

start

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

end

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

self-start

将对齐主题与对齐容器的边缘对齐,该边缘与对齐主题的起始侧对应。

self-end

将对齐主题与对齐容器的边缘对齐,该边缘与对齐主题的结束侧对应。

flex-start

在弹性布局中,将对齐主题与对齐容器的边缘对齐,该边缘与弹性容器的主轴起始侧或交叉轴起始侧对应。对于弹性布局以外的布局模式,它与 start 相同。

flex-end

在弹性布局中,将对齐主题与对齐容器的边缘对齐,该边缘与弹性容器的主轴结束侧或交叉轴结束侧对应。对于弹性布局以外的布局模式,它与 end 相同。

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

规范

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

另见