CSS 使用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>