css - 禁用 LESS-CSS 覆盖 calc()

标签 css less css-calc

<分区>

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

width: calc(100% - 200px);

但是,当 LESS 编译时,它输出的是:

width: calc(-100%);

有没有办法告诉LESS不要那样编译,正常输出?

最佳答案

使用 escaped string (又名转义值):

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

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

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

编译为:

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

默认情况下,Less 将值(转义字符串和数学结果)与空格连接起来。

关于css - 禁用 LESS-CSS 覆盖 calc(),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17904088/

相关文章:

javascript - 使用 css 引用文本位置

css - 焦点后输入保持扩展

html - 'transform3d' 不适用于位置 : fixed children

css - 我如何在 LESS 的类中定位一个 id?

css - Chrome 37 计算四舍五入

java - 在 JavaFX 中更改树单元格选定的字体颜色

css - 使用 Ruby 解析 LESS

CSS 不起作用,仅适用于移动 3G/4G

css - chrome 的 calc() 和 vh 解决方法?

html - CSS calc() 减去负值