pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<pre> 标签的一个常见应用就是用来表示计算机的源代码。

但很多实际应用过程中，当你在标签里面写代码的时候，如果你没有手动换行，它也会给你保留，而不会自动换行。而且pre标签在所有浏览器上并不都是一样的~所以Xushine研究院给大家带来一个解决方案~

解决<pre>标签里的的内容不换行的方法：

/* 把下面的css代码加入到你的css文件中*/
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+ */
}

说明：该解决方案可让pre标签内的文本自动换行，已经在IE6，IE7, IE8, firefox, Opera, Safari和Chrome中测试通过。

评论被关闭。