html - 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>

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

Answer 1

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

请参阅http://jsfiddle.net/zZueP/上的演示

您必须应用其他规则（可能是元素white-space:nowrap上的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;
}

小提琴