使用 calc()

calc() 函数是 CSS3 中新语法的一部分，你可以通过使用像素，百分比等各种值来（数学地）计算元素占用的大小/位置。注意： - 每当使用此函数时，始终照顾两个值 calc(100% - 80px) 之间的空间。

CSS

.center {
    position: absolute;
    height: 50px;
    width: 50px;
    background: red;
    top: calc(50% - 50px / 2); /* height divided by 2*/
    left: calc(50% - 50px / 2); /* width divided by 2*/
}

HTML

<div class="center"></div>