CSS flex 布局(入门)- align-self 单个项目对齐

align-self 属性设置在项目上,能让单个项目有跟其他项目不一样的对齐方式。跟 align-items 属性完全一致。

  • auto(默认):继承父元素的 align-items 属性。
  • stretch:如果项目未设置高度或设为auto,将占满整个容器的高度。
  • flex-start :交叉轴的起点对齐。
  • flex-end :交叉轴的终点对齐。
  • center :交叉轴的中点对齐。
  • baseline :项目的第一行文字的基线对齐。
align-self 单个项目对齐 9-1

兼容性 :

属性 IE Chrome Firefox Safari Opera
align-self 11.0 21.0 20.0 7.0 -webkit-
9.0
12.1

JavaScript 语法:

object.style.alignSelf="center"