讓pre標籤內的程式碼自動換行的方式

用GeSHi顯式高亮度語法總是會撐開版面，還要手動把程式碼一個一個斷行非常麻煩。因此寫了這段CSS語法加在版面中，總算是成功解決問題了。

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+ */
}

這樣子即可讓pre內的程式碼過長時斷行。但我們還得指定一下pre的寬度，不然一直斷行會變很窄。

pre {
  width:640px;  
  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+ */
}