第一种
.div{
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
transform: translate(-50%,-50%);
}
第二种：
.div{
justify-content: center;
align-items: center;
display: -webkit-flex;
}
第三种：
.div{
display:absolute;
left:50%;
top:50%;
margin-left:-width/2;//负向偏移宽度的一半，如果width不定，需要动态获取。
margin-top:-height/2;//原理同上
}