Question

我正在尝试将格式设置如下：

Question                          Choice
textarea                          textarea

我将HTML格式化为：

Question textarea                  Choice textarea

如何获得两个单独的元素列，然后将这些元素垂直排列在各自列的内部？

<div id="container1" style="width: 100%; overflow: hidden;">
    <div style="width: 600px; float: left;">
        <div style="display: inline-block">
            <label for="">Question</label>
            <textarea></textarea>
        </div>
    </div>
    <div>
        <label for="">Choice</label>
        <textarea></textarea>
    </div>
</div>

Answer 1

我相信它是因为您使用的是<label>标记。尝试使用<p>标记。像这样的东西

<div id="container1" style="width: 100%; overflow: hidden;">
<div style="width: 600px; float: left;">
    <div style="display: inline-block">
        <p>Question</p>
        <p><textarea></textarea></p>
    </div>
</div>
<div>
    <p>Choice</p>
    <p><textarea></textarea></p>
</div>

Answer 2

如果您需要使用标签，则可以使用简单的<br>。

<div style="width: 100%; overflow: hidden;">
    <div style="width: 600px; float: left;">
    <label for="">Left Question</label>
    <br />
    <textarea></textarea>
  </div>
    <div style="margin-left: 620px;">
      <label for="">Right Question</label>
      <br />
      <textarea></textarea>
    </div>
</div>

无法垂直堆叠div内的元素

2 个答案: