如何用CSS和JavaScript實作跨瀏覽器自動換行？

Div 中長文本的CSS 和JavaScript 跨瀏覽器自動換行

問題：

在預定寬度的div 內將長文件換行而不打破空格是一種跨瀏覽器挑戰。傳統的方法，如溢出或在字串中註入特殊字元有限製或缺點。

CSS 解：

利用 CSS 屬性 word-wrap:break-word;解決了這個問題。它支援所有主要瀏覽器的文字換行，包括 FireFox、Opera 和 Safari。

程式碼範例：

.wordwrap {
    word-wrap: break-word;
}

此樣式表類別將使文字能夠換行在它所應用的 div 的邊界內。

其他注意：

• Internet Explorer 5.5 和所有現代瀏覽器都支援自動換行屬性。
• 將自動換行與其他 CSS 屬性（例如 no_wordwrap）結合使用，可提供控制包裝行為。例如：

.no_wordwrap {
    word-wrap: normal;
}

以上是如何用CSS和JavaScript實作跨瀏覽器自動換行？的詳細內容。更多資訊請關注PHP中文網其他相關文章！