今天看到一篇文档,作者是用了transform:translate(-50%,-50%)来减去元素自身的高度和宽度的,因为transform是相较于元素自身的宽高的嘛,看来很多细节还是非常有用的。
.modal-user-dialog{
position: fixed;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}