CSS/LESS: 使用百分比减像素的Calc()函数计算不正确

Question

5

这是一个之前已经被问过多次的问题，但是我找到的答案都似乎不适用于我的情况。我有三个按钮，想要按照以下方式评估它们的宽度:

.num-buttons-3 {
    width: calc((100% - 40px)/3);
}

这个表达式在我的浏览器（Chrome）中总是评估为20％，即(100％-40％)/3。

我尝试了许多建议的替代方法，以便正确评估它，例如：

.num-buttons-3 {
   width: calc((~'100% - 40px')/3);
}

.num-buttons-3 {
@marg: 40px;
width: calc((~'100% - @{marg}')/3);
}

有其他我可以尝试的CSS或LESS解决方案吗？

- MDalt

1

@Harry，嗯...是的，我想是这样。 - seven-phases-max

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- MDalt · Accepted Answer

我在这个问题上找到了答案。转义整个 calc 函数是一个看起来可行的选项:

width: ~"calc(((100% - 40px)/3))";