发出内嵌复选框和文本

Question

是否可能以某种方式使复选框和文本内联？遇到这个问题时，通过css尝试了内联选项，但似乎我要么不能使用它，要么它不起作用。

Answer 1

这是一个简单的例子。您只需要一个包装元素和一行CSS。默认情况下，所有直接弹出子节点将共享线上的可用水平空间。

＆＃13;

＆＃13;

.checkboxRow {
  display: flex;
}

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;