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%。