HTML溢出到新行

Question

<div style="width:300px">
<input type="text" id="t1" width="140px">
<input type="text" id="t2" width="140px">
<input type="text" id="t3" width="140px">
</div>

第三个文本框溢出。我想通过css将第三个文本放在新行中。有可能吗？

Answer 1

它不应该溢出你提供的代码。

请参阅http://jsfiddle.net/zZueP/

上的演示

您必须应用其他规则（ white-space:nowrap元素上的<{em> div），您需要删除/更正这些规则。

Answer 2

是的，只需向左移动两个第一个输入，你的代码就像这样：

HTML：

<div style="width:300px">
<input type="text" id="t1" width="140px">
<input type="text" id="t2" width="140px">
<input type="text" id="t3" width="140px">
</div>

CSS：

#t1{
  float:left;
}
#t2{
  float:left;
}

FIDDLE