【问题标题】:Css calc() function, operator + [duplicate]Css calc() 函数,运算符 + [重复]
【发布时间】:2015-01-06 00:44:33
【问题描述】:

我想用 calc() 函数在 CSS 中做一些事情,但我遇到了一个问题。 我尝试执行此操作并在控制台中出现错误:

width: calc(~"33.33333333%" + unit(20, px));

控制台显示此消息:

ParseError:无法识别的输入 C:path\translation.less 第 24 行第 3 列:

23

24 .title {

25

进程以退出代码 1 结束

如果我这样做,我没有错误:

width: calc(~"66.66666667%" - unit(20, px));

有人可以通过更改操作员来帮助我并让我理解为什么会出现此错误?

谢谢

【问题讨论】:

  • 在第一个 sn-p 中抛出错误,因为您试图将数字添加到字符串中。第二个 sn-p 编译得很好,因为 - 可以被评估为 CSS 标识符而不是算术减号(因此括号中的整个表达式解析为 (string identifier number) 语句,这是可以的,与 (string arithm-op number) 不同。
  • 这样描述方便一点,谢谢!

标签: css less calc css-calc


【解决方案1】:

好的,我试试这个解决它:

~"calc(33.33333333% + 20px)";

这是完美的工作。

【讨论】:

  • 或者它可能只是calc(100%/3 ~"+" 20px);
  • 它也可以,非常感谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-10-31
  • 1970-01-01
  • 2011-06-09
  • 2019-01-12
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多