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。

This entry was posted in Browser, Computer, CSS, Firefox, IE, Murmuring, Network, Opera, Software, WWW. Bookmark the permalink.

6 Responses to pre 裡的換行

  1. Pingback: -TMA-1- » links for 2006-12-04

  2. Pingback: 今日連結 (2006-12-04) [JeffHung.Blog]

  3. Pingback: [2006/11/29 - 2006/12/06] « Kirin Lin

  4. Pingback: HEMiDEMi - 共享書籤- pre 裡的換行 at Gea-Suan Lin’s BLOG

  5. Pingback: IGT人力觀測

  6. CBC says:

    您好,可以轉貼在

    http://aa.pro.vexp.idv.tw

    嗎?會註明是轉貼和出處

Leave a Reply

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