防止兩個元素

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>