html标签pre让内容换行

最新推荐文章于 2024-04-28 17:33:36 发布

原创最新推荐文章于 2024-04-28 17:33:36 发布 · 337 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #Opera #CSS #浏览器

本文介绍了一种使用CSS解决<pre>标签换行的方法，适用于多种浏览器，包括IE5.5及更高版本，以及如何通过代码替换实现换行。

< pre>标签不会自动换行，使用起来比较麻烦，不过现在确实已经很少用这个标签了。但是如果用到的时候，需要换行怎么办？这里有一个用CSS来解决< pre>标签换行的问题，支持各种浏览器，还支持css3呢。

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+ */  
}

有时候这样也不行的话，可以使用一下代码

String disclosureInfo = (String)request.getAttribute("carinfo.disclosureInfo");
String statement = (String)request.getAttribute("carinfo.statement");

<%= disclosureInfo.replace("\n","<br />") %>
<%= statement.replace("\n","<br />") %>