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