如果输入溢出,则使标签+输入一起移动到下一行

时间:2013-06-19 22:08:30

标签: html css

我有一个看起来像这样的菜单栏

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

现在让我说我的窗户空间不足,我需要它们一起移动到下一行,所以我明白了:

#label1#input1#label2#input2

#label3#input3

而不是

#label1#input1#label2#input2#label3

#输入3

我能够通过写这个

让每个标签输入对一起移动
<span style="white-space: nowrap"><label...><input...></span>

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

1 个答案:

答案 0 :(得分:1)

Siddiqui有正确的想法。您可以使用<wbr>标记来指示要显示换行符的位置。示例:http://jsfiddle.net/VNenK/

有关wbr的更多信息:http://www.quirksmode.org/oddsandends/wbr.html