如何在HTML Div中實現跨瀏覽器自動換行？

跨瀏覽器Div長文字自動換行

問題：

如何實作跨瀏覽器HTML中長字串的自動換行

答案：

為了確保在不同瀏覽器之間自動換行，可以使用以下 CSS屬性使用：

.wordwrap {
   white-space: pre-wrap;      /* CSS3 */
   white-space: -moz-pre-wrap; /* Firefox */
   white-space: -pre-wrap;     /* Opera <7 */
   white-space: -o-pre-wrap;   /* Opera 7 */
   word-wrap: break-word;      /* IE */
}

解釋：

• white-space: pre-wrap: 沒有特定自動換行支援的瀏覽器將在空白邊界處換行。
• 空白： -moz-pre-wrap: 用於啟用預換行行為的 Firefox 特定屬性。
• white-space: -pre-wrap: 7 之前的較舊 Opera 版本。
• 空白：-o-pre-wrap： Opera 7.
• word-wrap: break-word: IE 特定的屬性，用於在連字符處斷開單字。

透過組合這些屬性，其中的文字具有「wordwrap」類別的 div 將在任何字元斷點處換行，確保跨瀏覽器相容性。

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