MVC複選框格式問題

我想找到一種方法來正確顯示覆選框和一些文本。 MVC View默認的方式是將複選框放在標籤/文本下面。所以我試圖讓它們與這個簡化代碼在同一行上，但是文本仍然在複選框上方大約半行。你怎麼能顯示一個複選框和一些文本在同一行右邊的複選框右邊的文本正確的垂直對齊？謝謝！MVC複選框格式問題

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

它可以是依賴於你的編輯模板和樣式，但儘量使用'@ Html.LabelFor（model => model.DriverDBARequired，「Driver DBA Required」）爲標籤。 –

編輯器（複選框）和lablefor（文本）需要出現在同一行上。使用單獨的@ Html.EditorFor和LableFor將它們放在不同的行上。 –

好的，那是依賴於你的CSS。嘗試在'label'標籤中放置'EditorFor'。 –

這必須是一個CSS問題。如果您將其更改爲

display: inline

它應該工作

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

：標準的site.css可能導致這種行爲。在標準的site.css下面幾行也可以幫助你：

label.checkbox { 
    display: inline; 
}

寫您的複選框喜歡的事，如：

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

2013-10-14 19:00:41 Gerard

回答