如何讓文字溢出div

Question

舉一個簡單的例子，this：文本應該在一行中，但由於div有多小，文本被分成三份。我如何讓文字溢出沒有它包裝的股利？

HTML：

<div style="width: 20px;">Some text here</div> 

結果：

Some 
text 
here 

我想這一點：

Some text here 

Answer 1

試試這個：

<div style="width: 20px; white-space: nowrap;">Some text here</div> 

Answer 2

當div的屬性爲white-space: no-wrap時，其子元素繼承相同的屬性。如果您想子元素來包裝，就可以使用white-space: normal;

jsFiddle

當然這個工程，但如果使用normal的div的量使用nowrap出重申報單的量，我會建議隔離nowrap將文本放置在它自己的div中。

jsFiddle