防止两个元素

Question

我有这个网站的CSS之间换行：http://jsfiddle.net/krhxG/

我设置的div宽度宗旨，以20像素，以解释我需要什么。
我该如何防止提交按钮打破这条线？
我希望两个控件都是一个没有换行符的。我该怎么做？

Answer 1

我该如何防止从提交按钮中断线？

随着父<div>See updated jsfiddle一个white-space: nowrap;。

Answer 2

在您的div容器，你需要一个空白属性：

<div style="white-space:nowrap;"> 
<input type="text" /><input type="submit" value=""/> 
</div> 

Answer 3

在一些奇怪的情况下，扩展在@BalusC答案（如HTML生成，由JavaScript插入），你可能也想尝试插入零宽度木匠：

.wrapper{ 
 
    width: 290px; 
 
    white-space: no-wrap; 
 
    resize:both; 
 
    overflow:auto; 
 
    border: 1px solid gray; 
 
} 
 

 
.breakable-text{ 
 
    display: inline; 
 
    white-space: no-wrap; 
 
} 
 

 
.no-break-before { 
 
    padding-left: 10px; 
 
}

<div class="wrapper"> 
 
<span class="breakable-text">Lorem dorem tralalalala LAST_WORD</span>&#8205;<span class="no-break-before">TOGETHER</span> 
 
</div>