pre 裡的換行

用 <pre></pre> 如果遇到文字過長的時候就會炸掉，所以我 Blog 上偶爾會因為我貼 code 發生慘劇 (因為也不知道怎麼解)，結果剛剛在 Wrapping the pre tag 這篇看到解法：

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。