让pre自动换行
让 <pre /> 标签中的内容自动换行并符合 W3C 标准(多浏览器支持) 作者:龙震 默认情况下,<pre /> 标签中的内容若超出范围不会自动换行,这样无论在显示或打印都会出现麻烦。 下面提供符合 W3C 标准并支持多浏览器的 CSS 样式代码: 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+ */ } 更多内容请参见:http://www.w3.org/TR/css3-text/#white-space。 pre标签会原样保留HTML内容的格式,可是如果宽度过大会把页面撑坏,这时候需要自动换行来帮忙: Wrapping the pre tag Making preformated text wrap in CSS3, Mozilla, Opera and IEis the tip that let's you use the pre tag to keep the formatting,