asp.net-mvc-4 - MVC 复选框格式问题

Question

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

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

score 0 · Accepted Answer

这一定是 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>

1 回答 1