手写笔 - 增加百分比

时间:2012-12-20 16:07:34

标签: css percentage addition stylus

我遇到了Stylus的问题。我只是尝试创建一个函数,该函数返回给定span 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%

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

1 个答案:

答案 0 :(得分:3)

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

您可以像这样使用解决方法:

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

你在这里做的事情是从表达式的第二部分删除单位,所以它会将其视为30% + 1,在这种情况下,Stylus会给你正确的31%。< / p>