javascript - 使 div 中的段落中的文本溢出而不是换行

Question

假设我在一个段落中有几行相当长的行:

<div style="overflow: auto"> 
    <p> 
        aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb cccccccccccccccccccccccccccccccc
    </p> 
    <p> 
        aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb cccccccccccccccccccccccccccccccc
    </p> 
</div>

并且窗口宽度小于 pahagraph 的宽度 (a's + b's + c's)。当前，仅当任何组件(a、b 或 c)的宽度大于窗口的宽度并且组件被传送到新行时才会出现滚动。我希望每个段落的内容都出现在滚动条的同一行上。如何将每个段落视为一个字符串，以便将段落的内容视为一行？

Answer 1

使用 CSS，您可以:

p {
    white-space: nowrap;
    overflow: auto
}

这使得空格不间断，因此段落将全部在一行上。