justify-content属性：
justify-content属性定义了项目在主轴上的对齐方式
.box {
justify-content : flex-start | flex-end | center | space-between | space-around;
}
align-items属性
align-items属性定义项目在交叉轴上如何对齐
.box {
align-items : flex-start | flex-end | center | baseline | atretch;
}
align-content属性
.box {
align-content : flex-start | flex-end | center | space-between | space-around | stretch;
}
其中页面主轴和交叉轴如下所示: