position:fixed;宽高自适应，元素水平垂直居中

今天看到一篇文档，作者是用了transform:translate(-50%,-50%)来减去元素自身的高度和宽度的，因为transform是相较于元素自身的宽高的嘛，看来很多细节还是非常有用的。

.modal-user-dialog{position: fixed; left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
}

原文