Question

html中怎样让div中的input竖着排

<div id="hello">
<input type="text" />
<input type="text" />
<input type="text" />
</div>
在div标签里插入三个input文本框，在浏览器测试它们三个是一个接一个横着排的（也就是都显示在一行。怎样让它们竖着排（也就是一行只显示一个）

Answer 1

三个办法：
一、在每个input样式中加上 style="display:block;"
<div id="hello">
<input type="text" style="display:block;"/>
<input type="text" style="display:block;"/>
<input type="text" style="display:block;"/>
</div>
二、把div的宽度尽量改小，小于两个input相加的宽度即可
<div id="hello" style="width:1px;">
<input type="text" />
<input type="text" />
<input type="text" />
</div>
三、在每个input后面加上 <br>
<div id="hello">
<input type="text" /><br>
<input type="text" /><br>
<input type="text" />
</div>

Answer 2

最简单的就是在每一行后面加一个<br/>换行符

<div id="hello">
  <input type="text" /><br/>
  <input type="text" /><br/>
  <input type="text" /><br/>
</div>

Answer 3

<div id="hello">
<input type="text" /><br>
<input type="text" /><br>
<input type="text" /><br>
</div>

<br>标签是换行用的

Answer 4