MVC Checkbox Formatting Issue

Я пытаюсь найти способ отображения флажка и некоторого текста в правильном порядке. По умолчанию образ MVC View выставляет флажок под меткой/текстом. Поэтому я попытался получить их на одной строке с этим упрощенным кодом, но текст по-прежнему проходит примерно на половину строки над флажком. Как вы можете отобразить флажок и некоторый текст справа от флажка в той же строке с правильным выравниванием по вертикали для текста справа? Спасибо!MVC Checkbox Formatting Issue

<div>      
    @Html.EditorFor(model => model.DriverDBARequired) &nbsp; Driver DBA Required      
</div>

источник

2013-07-29 Austin Harris

Это может быть зависит от вашего шаблона редактора и стиля, но попробуйте использовать '@ Html.LabelFor (model => model.DriverDBARequired, "Driver DBA Required") 'для метки. –

Редактор (флажок) и lablefor (текст) должны появиться в одной строке. используя отдельные @ Html.EditorFor и LableFor, помещают их в отдельные строки. –

Хорошо, хорошо, что зависит от вашего css. Попробуйте включить «EditorFor» в тег «label». –

Это должна быть проблема с CSS. Стандарт site.css может вызвать такое поведение:

label { 
    **display: block;** 
    font-size: 1.2em; 
    font-weight: 600; 
}

Если вы измените его на

display: inline

он должен работать. Следующие строки в стандартном site.css может помочь вам тоже:

label.checkbox { 
    display: inline; 
}

Написать свой флаг, как что-то как:

<label class="checkbox">@Html.CheckBox("MyName", false) My text</label>

источник

2013-10-14 19:00:41 Gerard

MVC Checkbox Formatting Issue

ответ

Смежные вопросы