PRE换行实现方案
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<pre> 标签的一个常见应用就是用来表示计算机的源代码。
下面看一下如何利用CSS实现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 /
}
pre{
#word-break: break-all; /* Internet Explorer 7.0+ */
#word-wrap: break-word; /* Internet Explorer 7.0+ */
_word-break: break-all; /* Internet Explorer 6.0- */
_word-wrap: break-word; /* Internet Explorer 6.0- */
}
更新时间:2010-4-19
|