c# - 内联 css 声明中的 .net Razor 代码块

Question

@homePartnership.Batsman1Runs 是来自 api 的动态值，而 px 是静态的，如果它彼此相邻运行，则会中断，因为 @homePartnership.Batsman1Runspx 不是有效字段，如果有空格，html 不会跟随宽度，下面是我目前拥有的，它不起作用。

<div class="left-bar" style="width:@homePartnership.Batsman1Runs{<text>px</text>}"></div>

Answer 1

用括号括住动态部分（@( ... )构造）：

<div class="left-bar" style="width:@(homePartnership.Batsman1Runs)px"></div>

请注意，Razor 解析空白，因此这是有效的 Razor 语法：“宽度：@homePartnership.Batsman1Runs px”。但当然，这会产生“宽度：5 px”，这不是完全有效的 CSS。但是，如上所述，您始终可以添加括号来描述代码块。

作为参考，内联 Razor 语法：

• 一个很好的C#总结
• MSDN 上的概述