Javascript/Html 停止文本环绕

Question

我的目标是将行输出到网页中的文本框。有些线路很长。太长而无法容纳的行应导致滚动条在必要时出现。

如果字符串太长，它会在文本框中环绕，而不是向右溢出并打开滚动条。

HTML:

<pre class="form-group" style="border:1px solid black;overflow:scroll;height:200px;width:100px">
    This is a lot of text foo foo foo foo foo foo foo foo foo foo foo foo foo foo foo
</pre>

此处宽度设置为 100px 以进行演示，但在应用程序中必须设置为 100% 的完整宽度。如何停止这些环绕？

Answer 1

使用white-space-n:nowrap 属性解决了我的项目的问题。 Webber 和 spencerLarry 发布的 JSFiddles 在我的特定项目之外工作得很好。