一尘不染

禁用LESS-CSS覆盖calc()

css

现在,我正在尝试用我的LESS代码在CSS3中执行此操作:

width: calc(100% - 200px);

但是,LESS编译时将输出以下内容:

width: calc(-100%);

有没有办法告诉LESS不要以这种方式编译它并正常输出它?


阅读 330

收藏
2020-05-16

共1个答案

一尘不染

使用[转义字符串(也称为转义值):

width: ~"calc(100% - 200px)";

另外,如果您需要将Less Math与转义字符串混合使用:

width: calc(~"100% - 15rem +" (10px+5px) ~"+ 2em");

编译为:

width: calc(100% - 15rem + 15px + 2em);

默认情况下,这作为“少”将值(转义的字符串和数学结果)连接在一起时起作用。

2020-05-16