在样式中使用变量，没有空格

Question

我有这个代码：

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

我认为这会很好，但浏览器抱怨样式中有空格。

（无效 属性 值）

有解决这个问题的想法吗？

Answer 1

您可以在 calc

中使用它而不是这个

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

或

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

Answer 2

您可以像这样将整个字符串放在 expression syntax 中：

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