/* flex布局 */
display: flex;
/* 主轴方向 */
flex-direction: row;
/* flex的基于主轴 水平方向的 方向位置 */
justify-content: center;
/* flex的基于主轴 垂直方向的 方向位置 */
align-items: center;
/* 交叉轴对齐方式 flex-end: 底部对齐 center 中点对齐*/
flex-direction: center;
自用笔记
https://zhuanlan.zhihu.com/p/25303493