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 裡也有), 系列以第二條, 以第三與第四條,最後則是處理 IE。

6 thoughts on “pre 裡的換行”

  1. Pingback: IGT人力觀測

Leave a Reply

Your email address will not be published. Required fields are marked *