这个问题之前已被问过几次,但我找到的答案似乎都不适合我的情况。我有3个按钮,我正在尝试评估它们的宽度,如下所示:
.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解决方案吗?
答案 0 :(得分:8)
找到答案。转义整个calc函数是一个似乎有用的选项:
width: ~"calc(((100% - 40px)/3))";