使用 保留製表符\t 換行符\t\r 格式顯示,並強制換行

1.先嚐試使用：word-wrap: break-word;將內容自動換行，IE，OP，Chrome，Safari都可以，FF就悲劇了。

點擊查看：http://www.css88.com/demo/pre/index-2.html

2.查看了pre的瀏覽器默認樣式：

xmp, pre, plaintext {
  display: block;
  font-family: -moz-fixed;
  white-space: pre;
  margin: 1em 0;
}

都有這個white-space: pre，看看white-space的值描述:

normal 默認。空白會被瀏覽器忽略。

1. pre 空白會被瀏覽器保留。其行爲方式類似 HTML 中的 <pre> 標籤。
2. nowrap 文本不會換行，文本會在在同一行上繼續，直到遇到 <br> 標籤爲止。
3. pre-wrap 保留空白符序列，但是正常地進行換行。
4. pre-line 合併空白符序列，但是保留換行符。
5. inherit 規定應該從父元素繼承 white-space 屬性的值。

有個pre-wrap，保留空白符序列，但是正常地進行換行。

這樣就OK了搞定，我們只要加上樣式：

pre {
white-space: pre-wrap;
word-wrap: break-word;
}
就能使<pre>的內容自動換行了。