如何强制我的文字不要在CSS中分成几行？

Question

我在另一个固定宽度的div里面有一个div。我希望内部div可以水平增长，直到可以在一行中包含它的所有元素或文本。创建水平滚动条并不重要。我该怎么办？这是我的示例代码：

<div style="width:400px;border:solid 1px red;">
    TEST TEXT
    <div style="border:solid 3px green;position:absolute;z-index:99;text-overflow:">
        TEST INSIDE TEST INSIDE TEST INSIDE TEST INSIDE TEST INSIDE
        TEST INSIDE TEST INSIDE TEST INSIDE TEST INSIDE TEST INSIDE
    </div>
</div>

Answer 1

使用white-space: nowrap;使文字不会在空格上中断

Answer 2

这是你试图指出的吗？试着看看JSfiddle code http://jsfiddle.net/uYKKy/1/

Answer 3

我将在text-overflow：省略号的CSS中添加选项;溢出：隐藏;和白色空间：nowrap;

如果你这样使用它：

h1{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

你会得到很好的修剪来溢出文字。

LIVE EXAMPLE

protip about triminng for text