一、三个属性
justify-content：控制所有子元素（整体）在主轴上的对齐。
align-content：控制多行/多列（整体）在交叉轴上的对齐。（必须在多行时生效）
align-items：控制单行内，每一个子元素在交叉轴上的对齐。（最常用的垂直居中神器）
例如：align-items: center; 就是让所有子元素在这一行里垂直居中。
二、总结
单行垂直居中 ： align-items: center;
多行垂直分布 ：align-content: center; (或 space-between 等)
