暂时停用 - 表达不太自由

Question

less对于清洁CSS很有帮助。但现在我有问题

我想将div框居中并给它以下样式：

div {
  width: 400px;
  height: 200px;
  position: absolute;
  top: calc(50% - 100px);
  left: calc(50% - 200px);
}

但是现在不太认为它应该计算50％减去100px，不能这样做而是改写：left: calc(-50%)（50-100 = -50）

有没有办法告诉它应该让这个特定的代码片段保持原样？

Answer 1

从Disable LESS-CSS Overwriting calc()

复制

您可以使用转义值：

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

---

此外，如果您需要将Less math与转义值混合使用：

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

编译为：

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

这可以作为默认情况下使用空格连接值（转义值和数学结果）。