是否可以以某种方式使复选框和文本内联?遇到这个问题,我尝试通过css使用内联选项,但似乎我要么不能使用它,要么它不起作用。
下面是一个简单的例子。您只需要一个包装器元素和一行 CSS .默认情况下,所有直接flex子项将共享线上可用的水平空间。
CSS
.checkboxRow { display: flex; }
<div class="checkboxRow"> <input id="mycheckbox" type="checkbox"> <label for="mycheckbox">I am a label</label> </div> <div class="checkboxRow"> <input id="mycheckbox2" type="checkbox"> <label for="mycheckbox2">I am a label</label> </div>