calc()值中的calc()值。

Question

假设我正在创建一个图片库；在一定的设备宽度下，将有三个图像，因此，我需要计算出三分之一的图像：

{width:calc(100% / 3)}

然而，问题是我需要去掉'2px‘(两个像素)--我增加了1 1px的边距，因此这需要从宽度中删除，因此我需要这样做：

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

但是，这是行不通的:我有办法做到这一点吗？

我需要计算出三分之一，然后拿出两个像素，这是混乱的，因为三分之一是难以格式化的百分比。

Answer 1

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

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

所以你的解决办法是：

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

也要确保加减被空格包围，否则它将无法工作！