如何確保所有瀏覽器中表格單元格中的文字換行？

用於表格單元格內文字換行的CSS

如果表格單元格內的文字需要換行，則必須考慮瀏覽器相容性。同時使用分詞：break-all；和表格佈局：固定；對於 Chrome 來說可能就足夠了，在 Firefox 中可能無法按預期工作。

跨瀏覽器相容性

要解決此瀏覽器相容性問題，可以使用更全面的CSS 解決方案使用：

.wrapword {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -webkit-pre-wrap;          /* Chrome & Safari */
    white-space: -pre-wrap;                 /* Opera 4-6 */
    white-space: -o-pre-wrap;               /* Opera 7 */
    white-space: pre-wrap;                  /* CSS3 */
    word-wrap: break-word;                  /* Internet Explorer 5.5+ */
    word-break: break-all;
    white-space: normal;
}

此CSS 可確保文字在各種瀏覽器中正確換行。透過將wrappword類別應用於表格單元格，文字將自動中斷，而不會出現任何不需要的空格：

<table>

使用此技術，可以有效地換行表格單元格內的文本，從而保持跨瀏覽器相容性。

以上是如何確保所有瀏覽器中表格單元格中的文字換行？的詳細內容。更多資訊請關注PHP中文網其他相關文章！