calc()值中的calc()值

Question

假设,我正在创建一个图库; 在某个设备宽度,将有三个图像,因此,我需要计算出三分之一:

{width:calc(100% / 3)}

然而,问题是我需要带走'2px'(两个像素) - 我增加了1px的余量,因此需要通过将其从宽度上取下来来解释,因此我需要做:

{width:calc(calc(100% / 3) - 2px)}

但是,这不起作用:有没有办法可以做到这一点？

[我需要计算出第三个,然后从这里拿出两个像素 - 这很麻烦,因为第三个很难格式化为百分比.]

Answer 1

为了完整起见,我将在这里添加一个答案(解决方案已经发布在提问者问题下面的评论中).

您不需要使用两个calc()语句.您只需在一个calc()语句中组合计算就足够了.在这种情况下,正如Andrea Ghidini在评论中提到的(参考此链接),除法将优先于减法(基本数学规则适用!).

所以你的解决方案是:

width:calc(100% / 3 - 2px)

此外,确保添加和减少被空格包围,否则它将无法工作!