在垂直2 div之间向右添加空间

Question

我想将div彼此靠下，但下div应该移到右侧。所以我期望这样的输出

现在我已经通过使用以下代码使其工作了

<div id="div1" class="checkbox">
                        <label>
                            <input type="checkbox" id="chk1" data-bind="checked: data1" />
                            <span>DIV 1</span>
                        </label>
</div>
<div id="div2" class="checkbox" style="text-align: center;width: 370px">
                        <label>
                            <input type="checkbox" id="chk2" data-bind="checked: data2" />
                  <span>div2</span>
                        </label>
</div>

所以基本上我减小了div2的宽度并将文本居中对齐，但是我认为这不是好方法。还有其他更好的方法吗？

Answer 1

如果仅需要两个div隔开；您可以在HTML标记内使用以下选项之一。

•  -添加一个空格
•  -添加2个空格
• <div id="div1" class="checkbox"> <label> <input type="checkbox" id="chk1" data-bind="checked: data1" /> <span>DIV 1</span> </label> </div> <div id="div2" class="checkbox"> <label> &emsp; <input type="checkbox" id="chk2" data-bind="checked: data2" /> <span>DIV 2</span> </label> </div>-添加4个空格

/storage/*.key

Answer 2

.container {
  display: flex;
  flex-direction: column;
  width: 200px
}

#div1 {
  height: 20px;
  width: 150px;
  border: 1px solid;
}

#div2 {
  height: 20px;
  width: 150px;
  border: 1px solid;
  align-self: flex-end;
}

<div class="container">
<div id="div1" class="checkbox">
                        <label>

                            <span>DIV 1</span>
                        </label>
</div>
<div id="div2" class="checkbox" >
                        <label>

                  <span>div2</span>
                        </label>
</div>
</div>