龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

CSS实现pre自动换行

时间:2009-12-21 11:47来源:未知 作者:admin 点击:
分享到:
本站使用pre标签生成HTML内容,在默认情况下pre / 标签中的内容若超出范围不会自动换,所以要令他的内容超出后自动换行,我在pre标签的前面加了一个div,下面是css样式: div pre { whi

本站使用<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

精彩图集

赞助商链接