如何将从数据库查出来的一篇文章在网页上原格式显示，包括超出div长度后，如何自动换行？

1。如果将从数据库里得到的数据不做任何处理，直接显示在网页上，可能原来的多段文本就会变成一段大文本，不符合我们按原格式显示的要求。这里我采用的是一种较为简单的解决办法。办法如下：

2.原格式显示：使用<pre></pre>标签

<pre class="text-show">
    <div></div> <!--这个div里就是要显示的内容-->
</pre>

3.在使用上述标签之后，文本内容会按原格式的段落进行显示，但是还会出现一个问题，那就是所有的段落自占一行，甚至是超出规定的应该显示的文本区域长度。这是，就需要让其在长度超出后自动换行，保证所有的内容都在规定的把文本显示区域内。解决办法如下：

对要显示的文本内容标签使用下面的产生式样式：

white-space:pre-wrap;

注：

white-space:pre-wrap的作⽤是保留空格，并且除了碰到源码中的换⾏和<br/>会换⾏外，还会⾃适应容器的边界进⾏换⾏。