pre 裡的換行

用 <pre></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 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

有 CSS3 的就以第一條支援 (在 CSS 2.1 裡也有)，Mozilla 系列以第二條，Opera 以第三與第四條，最後則是處理 IE。

相關文章