align-items属性：定义在交叉轴上的对齐方式

1.align-items: flex-start          //顶点，起点对齐

2.align-items: flex-end           //尾部，终点对齐

3.align-items: flex-center       //中心点对齐

4.align-items: baseline          //第一行文字底部对齐

5.align-items: stretch            //拉伸充满容器

align-content属性：定义多根轴线的对齐方式

1. align-content: flex-start            //左上角顶点对齐

2. align-content: flex-end            //左下角顶点对齐

3. align-content: flex-center        //左中心点对齐

4. align-content: flex-around       //类似于拥有header，footer

5. align-content: flex-between     //上下对齐，中间均分

6. align-content: stretch              //叠加充满容器