WordPress中Pre标签自动换行兼容IE/Opera/Firefox/Chrome

发表于 2010年06月19日
WordPress , 前端

使WordPress中使用Pre标签的代码自动换行兼容IE/Opera/Firefox/Chrome

在使用<pre></pre>粘贴代码时，会发现<pre></pre>中的过长的代码在 Opera/Firefox/Chrome不会实现自动换行。

下边这段代码解决了所有浏览器中的兼容问题

代码：

/* Browser specific (not valid) styles to make preformatted text wrap */
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+ */
}

/* Browser specific (not valid) styles to make preformatted text wrap */

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+ */

}