如何在預標籤中包裝文字？

pre標記對於HTML中的代碼塊以及編寫腳本時調試輸出很是有用，可是如何使文本自動換行而不是打印長行呢？

---

#1樓

如下內容幫助了我：

pre {
    white-space: normal;
    word-wrap: break-word;
}

謝謝

---

#2樓

我發現跳過pre標籤並使用空格：在div上進行預包裝是更好的解決方案。

<div style="white-space: pre-wrap;">content</div>

---

#3樓

這就是我所須要的。 它能夠防止單詞斷斷續續，但能夠保留前置區域的動態寬度。

word-break: keep-all;

---

#4樓

答案，來自此頁面的CSS：

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    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+ */
}

---

#5樓

您能夠：

pre { white-space: normal; }

保持等寬字體但添加自動換行，或：

pre { overflow: auto; }

這將容許使用水平滾動來固定尺寸的長行。