css - 手写笔 – 添加百分比

Question

我遇到了问题 Stylus 。我只是想创建一个函数，该函数返回给定跨度 n 的列的宽度。这是我的代码:

column-gap = 1%
column-width = 15%

column-span(n)
(column-width * n) + (column-gap * (n - 1))

问题是当 n = 2 时，我期望 column-span 返回 31%，但它却返回 30.3%。

经过一番尝试和错误后，我注意到即使这段代码也符合30.3%:

30% + 1%

我不确定这里发生了什么。

Answer 1

是的，这是 Stylus 中的一个错误 - 它会将此类输入视为添加左侧部分的百分比，因此它将 30% 的 1% 添加到 30%。

您可以在此处使用如下解决方法:

column-span(n)
  (column-width * n) + unit(column-gap * (n - 1),"")

您在这里所做的事情是从表达式的第二部分中删除单位，因此它将把它视为30% + 1，在这种情况下，Stylus 会给您正确的 31%。