在样式中使用变量，不带空格

Question

我有这段代码：

<div class="testexample" style="top:@example.Y px"></div>

我认为这样可以正常工作，但是浏览器会抱怨样式中的空格。

（无效的属性值）

有什么想法可以解决这个问题吗？

Answer 1

您可以将整个字符串放在expression syntax内，如下所示：

<div class="testexample" style="top:@(example.Y + "px")"></div>

Answer 2

而不是这个，您可以在calc

中使用它

<div class="testexample" style="top:calc( @example.Y )px"></div>

或

<div class="testexample" style="top:(@example.Y)px"></div>