flex（一维）：
justify-content 元素集合整体沿主轴对齐，由于一维无法控制单个元素主轴对齐（容器属性）
align-content 元素集合整体沿交叉轴对齐，元素较多折行时能体现对齐效果（容器属性）
align-items 每个元素分别沿交叉轴对齐（容器属性）
align-self 单个元素沿交叉轴对齐（元素属性）grid（二维）：
justify-content 元素集合整体沿X轴对齐（网格没有占满容器时能看到效果） （容器属性）
align-content 元素集合整体沿Y轴对齐（网格没有占满容器时能看到效果）（容器属性）
justify-items 每个元素分别沿X轴对齐（容器属性）
align-items 每个元素分别沿Y轴对齐（容器属性）
justify-self 单个元素沿X轴对齐（元素属性）align-self 单个元素沿Y轴对齐（元素属性）