内联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语法：“width：@ homePartnership.Batsman1Runs px”。但是，当然，这会产生“width：5 px”，这不是很有效的CSS。但是，如上所述，您始终可以添加括号来描述代码块。

供参考，内联Razor语法：

• A very good C# summary
• Overview on MSDN