<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>
语法术语表示
center
start
-
将对齐主题与对齐容器的起始边缘对齐。
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 |