HTML溢出到新行[关闭]答案

【问题标题】：HTML Overflow to a new line [closed]HTML溢出到新行[关闭]
【发布时间】：2013-05-25 23:34:57
【问题描述】：

<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 将第三个文本放在新行中。有可能吗？

【问题讨论】：

创建一个 JSFiddle 来说明你的意思。 jsfiddle.net
但是第三个输入实际上是自己放在新行中的，所以你想从我们这里得到什么？ :D 如果我没有产生幻觉 jsfiddle.net/goodfriend/cVyTZ 你有任何 CSS 设置吗？如果是这样，请将您的 css 代码也发布给我们。
你为什么不使用<br>？
为什么要删除代码？当没有任何事情可以处理时，您如何期望答案？
是的 @User 将您的代码留给其他有相同问题的用户可以检查它。

标签： html css

【解决方案1】：

您提供的代码不应溢出。

在http://jsfiddle.net/zZueP/查看演示

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

【讨论】：

【解决方案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

【讨论】：

这与原始代码已经做的有什么不同？ jsfiddle.net/goodfriend/cVyTZ
这回答了他的问题，即“我想通过 css 将第三个文本放在新行中”，在你的小提琴中，第二个文本框不仅在第三个新行中。
OP 没有指定第二个输入不应该在新行上，只有第三个应该是。
如果他只指定第三个，我假设它只是他想要的第三个，但你可能是对的