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

在构建个人网站页面时,从CSDN博客抓取下来的博客内容中的<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;       
}


最好还是用这种方法吧!我用这种方法轻松搞定。

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

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

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

上一篇:向C#的选项卡中添加自定义窗体


下一篇:获取对固定列不重复的新DataTable