aligh-self
时间: 2024-02-23 08:54:47 浏览: 20
align-self是CSS中用于设置单个flex项目在交叉轴上的对齐方式的属性。它可以覆盖父容器的align-items属性,只对当前项目生效。
align-self属性可以接受以下几个值:
- auto:默认值,表示继承父容器的align-items属性。
- flex-start:项目在交叉轴的起始位置对齐。
- flex-end:项目在交叉轴的结束位置对齐。
- center:项目在交叉轴的中间位置对齐。
- baseline:项目在交叉轴上以基线对齐。
- stretch:项目在交叉轴上拉伸以填满整个容器。
使用align-self属性时,需要将元素设置为flex布局(display: flex或display: inline-flex)。