如何允许文本溢出div

Question

举一个简单的例子，this：文本应该在一行中，但由于div的大小，它被分解为三行。如何让文本溢出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的div数量，我建议将nowrap文本放入其中自己的div。

jsFiddle