让pre标识全自动换行示例编码

pre 元素可界定预文件格式化的文字。被包围着在 pre 元素中的文字一般会保存空格和换行符。而文字也会展现为等宽字体样式。
<pre> 标识的1个普遍运用便是用来表明测算机的源码。针对技术性blog常常会用到pre标识輸出编码或是编码高亮度,而默认设置状况下,pre 标识中的內容若超过范畴不容易全自动换行。
下面详细介绍1个方式让 <pre > 标识中的內容全自动换行并合乎 W3C 规范(多访问器适用)

拷贝编码
编码以下:

pre{
white-space:pre-wrap; /* css3.0 */
white-space:-moz-pre-wrap; /* Firefox */
white-space:-pre-wrap; /* Opera 4⑹ */
white-space:-o-pre-wrap; /* Opera 7 */
word-wrap:break-word; /* Internet Explorer 5.5+ */
}

示例:

拷贝编码
编码以下:

pre{white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; /*我是1个很长很长的编码,看我换行了木有?*/}