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

Adr*_*ian 2 .net css c# asp.net-mvc razor

@ homePartnership.Batsman1Runs是来自api的动态值,px是静态的,如果它彼此相邻运行,它就会破坏为@ homePartnership.Batsman1Runspx不是有效字段,如果有空格,html不会跟随宽度,下面是我现在有什么,它不起作用.

<div class="left-bar" style="width:@homePartnership.Batsman1Runs{<text>px</text>}"></div>
Run Code Online (Sandbox Code Playgroud)

McG*_*gle 5

用括号(@( ... )构造)围绕动态部分:

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

请注意,Razor在空白上进行解析,因此这是有效的Razor语法:"width:@ homePartnership.Batsman1Runs px".但是,当然,这会产生"width:5 px",这不是很有效的CSS.但是,如上所述,您始终可以添加括号来描述代码块.

供参考,内联Razor语法: