如何使用 c#、mvc 中的模型值设置内联 css 宽度

本文关键字:设置 宽度 css 模型 何使用 mvc | 更新日期: 2023-09-27 18:35:18

在我的情况下,我使用ViewBag.data将数据从控制器传递到视图,并且它正确绑定。现在我想要的是设置 CSS 宽度值。这是我视图代码的一部分。

  @foreach(var rat in @ViewBag.reviewRating)
  {
      <div class="Traveler-ratingsLine">
           <div class="Traveler-ratingsText">Excellent</div>
           <div class="Traveler-ratingsBar">
                 <div style="width: 100px" class="Traveler-ratingsBkg">
                      <div style="width: 32px;" class="Traveler-ratingsImg"></div>
                 </div>
           </div>
           <div class="Traveler-ratingsTextGreen">@rat.excellent</div>
     </div>
 }

所以我想知道的是,是否有可能做这样的事情:

<div style="width: (@rat.someval)px;" class="Traveler-ratingsImg"></div>

我想像这样为CSS宽度设置控制器中的整数值。

如何使用 c#、mvc 中的模型值设置内联 css 宽度

这样做-

<div style="width: @(rat.someval+"px")" class="Traveler-ratingsImg"></div>

看这里