[HTML CSS] 讓 pre 標籤裡的內容自動換行的方法

寫部落格時總是會超出文章版面，還要手動把程式碼一個一個斷行非常麻煩。
因此可加入這段CSS語法到版面中，讓整個畫面變的整齊。


以下語法可以讓 pre 裡的內容過長時斷行。
但我們還得指定 pre 的寬度，不然一直斷行會變很窄長型狀。

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

以下是加入寬度640px

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