是否可以在CSS内进行数学运算？

小编典典

css

我有jQuery Accorion ID
#accordion和标头类名称中的一些内容.simpleColor。现在，我想给.simpleColor一个计算出的边距。用伪…看起来像这样，

.simpleClass {
    margin-left: ((#accordion.width/2) - (.simpleColor.width/2));
}

我愿意使用其他任何技术（例如javascript）来实现这一目标。

阅读 526

2020-05-16

共1个答案

小编典典

有一个名为calc的CSS函数开始获得很好的支持。语法如下：

width: calc(50% - 100px);

（请注意，运算符周围的空白很重要）

这样可以在CSS中提供真正的动态计算支持。使用预处理器，您只能将静态长度与静态长度组合，并将相对长度与相对长度组合。

从Chrome 19，Firefox 4和IE9开始支持Calc。对该功能的支持还不够广泛，无法广泛使用，但它在不久的将来就不会太遥远，并且值得记住和期待。

2020-05-16