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,将占满整个容器的高度。

results matching ""

    No results matching ""