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