在 razor 中添加不带 br 的元素

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 属性用于 alignment。 这会将所有 div 放在一行中。 每个 DIV 都添加到前一个 DIV 的右侧

Answer 2

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

Answer 3

验证消息可能是一个 div。 尝试将 CSS 更改为 display:inline