Question

我想知道如何在不破坏行的情况下向页面添加元素

现在我有一段代码：

@foreach (var item in Model.TagModels)
    { 

        <div class="editor-field">
            @Html.EditorFor(model => item.Name)
            @Html.ValidationMessageFor(model => item.Name)
        </div>

    }

它将我的输入添加到页面，但是有了分界线。

我希望将它放在一行中。可以吗？

Answer 1

试试这个：

@foreach (var item in Model.TagModels)
{ 

    <div class="editor-field" style="float: left">
        @Html.EditorFor(model => item.Name)
        @Html.ValidationMessageFor(model => item.Name)
    </div>

}

CSS中的float属性用于对齐。这会将所有div放在一行中。每个DIV都添加到前一个DIV的右侧

Answer 2

您的输入所在的div容器会导致它们出现在彼此之下。只需删除div或将其替换为span或display:inline

即可

Answer 3

验证消息可能是一个div。尝试更改CSS以显示：inline

在剃刀中添加没有br的元素

3 个答案: