在 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