display: flex;
justify-content: center; // 子元素水平居中
align-items: center; // 子元素垂直居中
【在父元素上添加上面3句，即可实现子元素水平垂直居中】
display: flex;
justify-content: center; // 子元素水平居中
align-items: center; // 子元素垂直居中
【在父元素上添加上面3句，即可实现子元素水平垂直居中】
原文：https://www.cnblogs.com/queende7/p/8666544.html