CSS水平垂直居中

水平居中

行内元素

若父元素是块级元素，在父元素里设置text-align:center即可。

若父元素不是块级元素，把父元素设为块级元素。

块级元素

使用flexbox布局，只需要给待处理的块状元素的父元素添加属性 display: flex; justify-content: center;

垂直居中

行内元素

把父元素设为 display:table-cell,vertical-align:middle即可

块级元素

把父元素设为 display: flex; align-items: center;

https://blog.csdn.net/weixin_37580235/article/details/82317240#方案一：设置margin