css - 手写笔 - 添加百分比

Question

我在使用Stylus时遇到问题。我只是想创建一个函数，它返回给定 span 的列的宽度n。这是我的代码：

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

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

问题是 when n= 2 我期望column-span返回31%，但它反而返回30.3%。

经过反复试验，我注意到即使这段代码也符合30.3%：

30% + 1%

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

score 3 · Accepted Answer

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

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

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

您在这里所做的事情是从表达式的第二部分中删除单位，因此它会将其视为30% + 1，在这种情况下，Stylus 会为您提供适当的31%.

1 回答 1