HTML溢出到新行

HTML溢出到新行,html,css,Html,Css,第三个文本框是gettibg溢出。我想通过css在新行中放置第三个文本。可能吗?您提供的代码不应该溢出 请参见演示 您必须应用其他规则(可能是div元素上的空白:nowrap),您需要删除/更正这些规则。是的,这是可能的,只需将前两个输入向左浮动,您的代码保持如下状态: HTML: 创建一个JSFIDLE来演示您的意思。但是第三个输入实际上是自己放在新行中的,那么您想从我们这里得到什么呢如果我没有幻觉,你有css设置吗?如果是这样的话,也给我们发你的css代码吧。你为什么不使用?为什么要删除代码

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

您提供的代码不应该溢出

请参见演示


您必须应用其他规则(可能是
div
元素上的
空白:nowrap
),您需要删除/更正这些规则。

是的,这是可能的,只需将前两个输入向左浮动,您的代码保持如下状态:

HTML:


创建一个JSFIDLE来演示您的意思。但是第三个输入实际上是自己放在新行中的,那么您想从我们这里得到什么呢如果我没有幻觉,你有css设置吗?如果是这样的话,也给我们发你的css代码吧。你为什么不使用

?为什么要删除代码?当没有任何东西可以使用时,你如何期望得到答案?是的@User将你的代码留给其他有相同问题的用户可以检查它。这与原始代码的功能有什么不同?这回答了他的问题“我想通过css在新行中放置第三个文本”,在你的小提琴中,第二个文本框在新行中,而不仅仅是第三个。OP没有指定第二个输入不应该在新行中,只指定第三个输入。如果他只指定第三个,我想这是他想要的第三个,但你可能是对的
<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>
<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>
#t1{
  float:left;
}
#t2{
  float:left;
}