让两个控件紧挨在一起

本文关键字：控件 在一起 两个 | 更新日期: 2023-09-27 18:03:49

我想让这个标签和它的复选框紧挨着。然而，无论我怎么努力，我都无法做到。我试过把它们放在同一个div中。我试过浮动、文本对齐和两者的组合。我需要做什么?现在它们之间的空格太多了。

<div class="col-md-1" style="text-align: right">
         @Html.Label("Public", new { @class = "control-label" })
</div>
<div class="col-md-1">
         @Html.CheckBox("PublicNote", new { @class = "chk=style", @checked = "checked" })
</div>

应该在css中完成还是在视图中完成?我只需要在这个例子中这样做

让两个控件紧挨在一起

将Label和Checkbox放到同一个div中，将display:inline-block放到control-label类中

HTML

<div class="block">
    <label>Label with more text</label>
    <input type="checkbox" />
</div>
CSS 

.block label { display: inline-block; width: 140px; text-align: right; }

或

<div> <label><input type="checkbox"/> Inline Form </label> </div>
相关文章：