Добавление элементов без 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>

}

Свойство float в CSS используется для выравнивания. Это поместит все div в одну строку. Каждый DIV добавляется справа от предыдущего DIV

Answer 2

Контейнер div, в котором находятся ваши входные данные, заставляет их появляться друг под другом. Просто удалите div или замените его на span или display:inline

Answer 3

Проверочное сообщение, вероятно, div.Попробуйте изменить CSS для отображения: inline