【问题标题】：Make Label + Input move to next line together if input overflows如果输入溢出，使标签+输入一起移动到下一行
【发布时间】：2013-06-16 15:16:11
【问题描述】：

我有一个像这样的菜单栏

#label1 #input1 #label2 #input2 #label3 #input3

现在假设我的窗口空间不足，我需要它们一起移动到下一行，所以我得到了这个：

#label1 #input1 #label2 #input2

而不是

我可以通过写这个让每个标签输入对一起移动

<span style="white-space: nowrap"><label...><input...></span>

但问题是 label3 和 input3 对不会换行到下一行，直到 label3 被浏览器窗口完全切断（直到发生这种情况我得到一个滚动条）。我想要这样，如果 input3 被稍微切断，label3 和 input3 会立即移动到下一行。

【问题讨论】：

标签： html css

【解决方案1】：

西迪基的想法是正确的。您可以使用<wbr> 标记来指示您希望换行符出现的位置。示例：http://jsfiddle.net/VNenK/

【讨论】：