CSS align-items 属性

实例

将弹性 <div> 元素的所有项目的居中对齐：

div {
  display: flex;
  align-items: center;
}

align-items 属性为弹性容器内的项目指定默认对齐方式。

提示：请使用每个项目的 align-self 属性来覆盖这个 align-items 属性。

默认值：	stretch
继承：	否
动画制作：	不支持。请参阅：动画相关属性。
版本：	CSS3
JavaScript 语法：	object.style.alignItems="center"

表格中的数字注明了完全支持该属性的首个浏览器版本。

带 -webkit- 的数字表示使用前缀的首个版本。

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

align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;