CSS实现pre自动换行
本站使用<pre>标签生成HTML内容,在默认情况下<pre /> 标签中的内容若超出范围不会自动换,所以要令他的内容超出后自动换行,我在<pre>标签的前面加了一个<div>,下面是css样式:
div 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+ */
}
加了个div,也可以去掉div。
效果请看如下本站网页:
http://www.xueit.com/html/2009-09-29/21-1895695979250.html