align-items

一、实例

居中对齐弹性盒的各项div元素

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

二、定义和用法
align-items用于定义flex子项在flex容器的纵轴方向上的对齐方式

三、属性
1、stretch
默认值，项目被拉伸以适应容器

2、center
项目位于容器中心

3、flex-start
项目位于容器开头

4、flex-end
项目位于容器结尾

5、baseline
项目位于容器的基线

6、initial

7、inherit