没有<div>的新行上的每个表单元素<label> + <input>

Question

有没有解决方案在新行上移动每个表单元素而不关闭div上的这些元素？

我的意思是:

<label for="one">One:</label>  <input type="text" id="one">
<label for="two">Two:</label>  <select id="two">
                                  <option value="a">a</option>
                                  <option value="b">b</option>
                               </select>
...

显示:

One:   [.......]
Two:   [a    \/]
and so on...

如果我穿上CSS:

input, select, label {
   display:block;
}

然后标签与表单字段不在同一行.

是唯一的解决方案:

<div><label for="one">One:</label>  <input type="text" id="one"></div>
...

Answer 1

做就是了

<label for="one">One:</label>  <input type="text" id="one"> <br>

就是这样。享受

编辑：扩展 Hardy 所说的内容，将它们包装在 div 或 span 中将为您提供更多的灵活性，但如果您唯一关心的是将其全部放在一行中，只需像我上面写的那样放置即可。