在固定宽度div中包含“white-space：pre”的文本
如果标题有点模糊，请允许我解释一下。
我正在使用NodeJS，MongoDB和Express制作一个小问答应用程序。
目前我正在使用CSS做布局部分。
我有一个小文本区，在这里你可以提交文本，点击提交button后，你被redirect到一个页面，显示刚刚通过表单input的数据。
但是，文本的主体溢出了我为div设置的最大宽度，这发生在我添加了“white-space：pre”之后。 属性来启用邮件中的换行符。 在此之前，文本将保持在我为div定义的960像素宽度内，但不会有任何换行符。
这个视图的Jade代码：
extends layout block content div.pageContainer h1 #{discussion.title} span(id="categoryMarker" style="font-size: 1.25em;") "#{discussion.category}" h3 #{discussion.author} | - span Created on #{discussion.date.toDateString()} br br div#bodyText p #{discussion.body} footer div.wrapper a.hvr-grow(href="/discussions") Back to all threads span.hvr-grow(style="color:white;") - a.hvr-grow(href="/discussions/create") Start a thread CSS样式表（与来自textarea的input显示的p相关）
#bodyText { font-size: 0.75em; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; max-width: 960px; } #bodyText p { white-space: pre; }
我的文本像这样溢出： http : //puu.sh/hC9ba/c7d7984e58.jpg
它不应该这样做。 我期待着任何build议或提示。
尝试white-space: pre-line而不是word-wrap: pre
你尝试过单词换行吗？
#bodyText p { word-wrap: break-word; }
这个答案对我的解决scheme是使用：
#bodyText p { white-space: pre-wrap; }
感谢所有回答并试图帮助我的人。