CSS之cacl()函数

使用场景在定位流中,一般都是绝对定位

假设定位块级元素长1000PX 宽40PX.

默认情况是靠左上角显示,如果需要居中.

一般方法是:

left: 50%;
margin-left: -500px;

使用calc函数可以一行代码解决这个问题

left: calc(50% – 500px)

需要注意的是,运算符前后都需要保留一个空格,例如: calc(100% - 10px)

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注