MVC复选框格式问题

Question

我正在尝试找到一种方法来正确显示复选框和一些文本。 MVC视图将其排除的默认方式是将复选框放在标签/文本下方。因此，我尝试使用此简化代码将它们放在同一行，但文本仍然在复选框上方大约半行。如何在同一行的复选框右侧显示复选框和一些文本，右侧文本的垂直对齐方式？谢谢！

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

Answer 1

这必须是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>