html - 如何强制我的文本在 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; 让文本在空格处不中断