@homePartnership.Batsman1Runs は API からの動的な値であり、px は静的です。隣り合って実行される場合、@homePartnership.Batsman1Runspx が有効なフィールドではなく、スペースがある場合、html は幅に追従しません。以下は次のとおりです。私が現在持っているもの、それは機能しません。
<div class="left-bar" style="width:@homePartnership.Batsman1Runs{<text>px</text>}"></div>
動的部分を括弧 (@( ... )構造) で囲みます。
<div class="left-bar" style="width:@(homePartnership.Batsman1Runs)px"></div>
Razor は空白を解析するため、これは有効な Razor 構文であることに注意してください: "width: @homePartnership.Batsman1Runs px". しかしもちろん、それは "width: 5 px" を生成し、これは有効な CSS ではありません。ただし、上記のように、いつでも括弧を追加してコード ブロックを区切ることができます。
参考までに、インライン Razor 構文: