align-items和justify-content都是弹性盒子布局里常用的两种对齐方式，我们来说说它们的区别

align-items属性定义flex子项在flex容器的当前行的侧轴（纵轴）方向上的对齐方式，有以下值：stretch、center、flex-start、flex-end、baseline。

justify-content 用于设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式，有以下值：flex-start、flex-end、center、space-between、apace-around，而在写弹性盒子布局时，用得比较多的是space-between和center。