1.已知元素宽高
元素{
position:absolute;
top:50%;
left:50%;
width:100px;
height:100px;
margin-left:-50px;
margin-top:-50px;
}
2.未知元素宽高或元素不定宽高
元素{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
}
3.未知元素宽高或元素不定宽高(利用动画)
position: absolute;
top:50%;
left:50%;
-webkit-transform:translate3d(-50%,-50%,0);
transform:translate3d(-50%,-50%,0); /*居中这里也可以用translate(-50%,-50%)*/