用剃刀

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; 
    } 
}