7 伸缩项目独自对齐方式
align-self:
align-self
属性允许单个伸缩项目有与其他伸缩项目不一样的对齐方式,可覆盖 align-items
属性。默认值为 auto
,表示继承父元素的 align-items
属性。
.item {
align-self: auto | flex-start | flex-end | center | baseline | stretch;
}
属性有6个值:
auto
(默认值): 表示继承父元素的align-items
属性。flex-start
:侧轴的起点对齐。flex-end
:侧轴的终点对齐。center
:侧轴的中点对齐。baseline
: 伸缩项目的第一行文字的基线对齐。stretch
:如果伸缩项目未设置高度或设为auto,将占满整个容器的高度。