Html 在razor中添加不带br的元素

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

现在我有一段代码：

@foreach (var item in Model.TagModels)
    { 

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

    }

@foreach（Model.TagModels中的变量项）
{ 
@EditorFor（model=>item.Name）
@Html.ValidationMessageFor（model=>item.Name）
}

这会将我的输入添加到页面，但会断线

---

我想把它排成一行。可以完成吗？

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

正是您的输入所在的

div

容器导致它们显示在彼此下方。只需删除

div

或将其替换为

span

或

display:inline

尝试以下操作：

@foreach (var item in Model.TagModels)
{ 

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

}

@foreach（Model.TagModels中的变量项）
{ 
@EditorFor（model=>item.Name）
@Html.ValidationMessageFor（model=>item.Name）
}

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