代码之家  ›  专栏  ›  技术社区  ›  Rigden Aunapuu

问题:将复选框和文本内联

  •  0
  • Rigden Aunapuu  · 技术社区  · 6 年前

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

    1 回复  |  直到 6 年前
        1
  •  0
  •   Andy Hoffman    6 年前

    下面是一个简单的例子。您只需要一个包装器元素和一行 CSS .默认情况下,所有直接flex子项将共享线上可用的水平空间。

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