ifireyy

pre标签用来显示预格式(preformatted)文本，实际应用中我一般用来显示各种代码。

以前通常会给pre定义这样的CSS，使pre不被过长的文本撑破，而出现滚动条:

pre { overflow: auto; width: 515px; }

但是当横向、纵向滚动条同时存在时，很让人抓狂。于是在CSS 3中，white-space有了一个新的值pre-wrap，再加上一些浏览器的私有属性，我们就得到了解决方案：

pre {
 white-space: pre-wrap;       /* 支持css 3的浏览器 */
 white-space: -moz-pre-wrap;  /* 老版Mozilla*/
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* IE 5.5以上 */
}

来自：Wrapping the pre tag