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

回答