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

使用Razor增加样式表中的左值

1 个答案: