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>