我们知道pre是可以将内容按输入的格式显示出来,包括空格,换行符等。
而使用该标签先要给pre标签设置样式:
white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ word-break:break-all; overflow:hidden;
然而通过接口请求回来的数据,按照上面的方法展示出来,IE8下显示是没有效果的,就是没有多个空格,不会根据换行符自动换行。。。
查找了各种方法均没有结局这个标签的显示问题。
只好按照另外一种思路,使用正则表达式将换行符替换成换行标签 <br/>
contentStr.replace(/(\r\n)|(\n)/g,'<br>')
这样内容就会自动换行了,但是其他转义字符没有进行处理。