方法一：定位的方式

 1 .father{
 2     position:relative;
 3 }
 4 .son{
 5     position:absolute;
 6     top:0;
 7     right:0;
 8     bottom:0;
 9     left:0;
10     margin: auto;
11 }

方法二：c3属性

.father{
    position:relative;
}
.son{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%)
}

方法三：flex布局

.father{
    display: flex;
    justify-content: center;
    align-item: center;
}