asp.net-mvc - 使用 Razor 增加样式表中的左值

Question

我有以下 MVC Razor 代码

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