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

Question

@ homePartnership.Batsman1Runs是来自api的动态值，而px是静态的，如果它相邻运行，则它将作为@ homePartnership.Batsman1Runspx不成为有效字段，if有一个空格，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> 

注意，剃刀上的空白解析，所以这是有效的剃刀语法： “宽度：@ homePartnership.Batsman1Runs像素”。但是，当然，这会产生“宽度：5像素”，这不是非常有效的CSS。但是，如上所述，您始终可以添加圆括号以描绘代码块。

仅供参考，内嵌剃刀语法：

• A very good C# summary
• Overview on MSDN