如何做到又能用pre,又能用自动换行？

在构建个人网站页面时，从优快云博客抓取下来的博客内容中的<pre>标签中的回车换行丢了，导致在新页面中显示为长长的一行，这可怎么得了。

方法一：

后台代码执行内容替换，把文本中的换行符全部替换成<br />标签：

<%= content.Replace("\n","<br />") %>

方法二：

加上这段CSS，<pre>标签就不会撑破网站了

pre{
white-space: pre-wrap;       
white-space: -moz-pre-wrap;  
white-space: -pre-wrap;      
white-space: -o-pre-wrap;    
word-wrap: break-word;       
}

最好还是用这种方法吧！

我用这种方法轻松搞定。

记得刷新清缓存哦，不然可能不生效，

不过你可以使用开发者工具，

一看就知道浏览器加载的是不是最新的内容了。