1、定位
{
position:absolute;
top:50%;
left:50;
transform:translate(-50%,-50%);
}
2、flex布局
// 给父盒子添加属性
{
display:flex;
justify-content:center;
align-items:center;
}
3、为父盒子设置属性
{
display: table-cell;
text-align:center;
vertical-align:middle;
}