用剃刀

Question

递增在样式表中的左值

我有以下MVC剃刀代码

@{ 
    int counter = 50; 

    foreach (var item in Model.Items) { 
     <div class="wall-image" id="@("DRAG0"+counter)" onDblClick="makeNew()" style="position:absolute; left:370px; top:165px; "> 
      <img src="@item.Picture.ImageUrl" title="@("DRAG0"+counter)" /> 
     </div> 
     counter = counter + 50; 
    } 
} 

它串接的图像给每个图像的唯一标识符，工作正常的id：

ID = “@（”DRAG0“+ counter）”

我想要做的是将计数器的值添加到left：370px以同样的方式，可以在一个样式内完成吗？

Answer 1

我能够通过使用ToString()并添加margin-left

margin-left:@(counter.ToString()+"px"); 

我想每个图像可显示反... PX到最后

@{ 
    int counter = 0; 
    string image = ""; 

    foreach (var item in Model.Items) { 

     <div class="wall-image" id="@("DRAG0"+counter)" onDblClick="makeNew()" style="position:absolute; left:370px; top:275px; margin-left:@(counter.ToString()+"px");"> 
      <img src="@image" title="@item.ProductName" /> 
     </div> 
     counter = counter + 135; 
    } 
}