Question

               <div class="">
                    <input type="checkbox">a</div>
                <div class="">
                    <input type="checkbox">b</div>
                <div class="">
                    <input type="checkbox">c</div>

现在，上面的代码以垂直方式显示所有复选框。我希望能够将它们放在行中，当它在一行空间不足时，它会自动跳转到下一行。

Answer 1

Div是块元素，并自动移动到它们自己的行。除非您需要该结构，否则您可以完全删除div并且它将起作用。如果确实需要该结构，可以将其更改为内联块。

div {
    display: inline-block;
}

<div class=""><input type="checkbox">a</div>
<div class=""><input type="checkbox">b</div>
<div class=""><input type="checkbox">c</div>

如何在CSS / HTML中将复选框放入一行

1 个答案: