html - 将 CheckBox 和 Label 放在同一行 MVC

Question

我搜索了论坛并尝试了很多选项，但仍然无法正常工作。如前所述，我试图让我的标签和复选框在同一行。

HTML

    <div class="row">
        <div class="col">
            <div class="editor">
                @Html.LabelFor(model => model.Gen_Print_Due_Before_Run)
                @Html.CheckBoxFor(model => model.Gen_Print_Due_Before_Run)
                @Html.ValidationMessageFor(model => model.Gen_Print_Due_Before_Run)
            </div>
        </div>
     </div>

CSS

.row {
    overflow: hidden;
    padding: 10px;
}
.col {
    float: left;
    width: 50%
}

.editor label {
    float: left;
    width: 30px;
    text-align: right;
}
.editor input[type="checkbox"] {
    width: 80px;
    margin: 0 0 0 10px;
}

Answer 1

对我来说可行的解决方案是:

<div class="checkbox">
    <label>
       <input type="checkbox" id="mycheckbox" name="mycheckbox"> LabelTextHere
    </label>
</div>