包含固定宽度div中的文本，带有“white-space：pre;”

Question

如果标题有点模糊，请允许我解释一下。

我正在使用NodeJS，MongoDB和Express制作一个小型Q＆amp; A应用。

目前我正在使用CSS进行布局。

我有一个小文本区域，您可以在其中提交文本，在您单击提交按钮后，您将被重定向到显示您刚刚通过表单输入的数据的页面。

然而，文本的主体溢出了我为div设置的最大宽度，这发生在我添加“white-space：pre;”之后。在帖子中启用换行符的属性。在此之前，文本将保持在我为div定义的960px宽度内，但不会有任何换行符。

此视图的玉代码：

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输入显示的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

不应该这样做。我期待任何建议或提示。

Answer 1

尝试使用white-space: pre-line代替word-wrap: pre

Answer 2

你尝试过自动换行吗？

for i in va_file.first .. va_file.last loop
  utl_file.fflush(va_file(i));
  utl_file.fclose(va_file(i));
end loop;

Answer 3

对我来说，这个答案的解决方案是使用：

#bodyText p
{
    white-space: pre-wrap;
}

感谢所有回答并试图帮助我的人。