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

作为引用，内联 Razor 语法:

• A very good C# summary
• Overview on MSDN