如何强制我的文本在 css 中不分成几行？

Question

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

<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;文本不上的空格打破