如何在 HTML 表格單元格中（尤其是在 Internet Explorer 中）有效啟用自動換行？

HTML 表格中的自動換行

自動換行，即自動斷開文字以適合指定寬度，可能是一個挑戰對於表格單元格。流行的 word-wrap: break-word 屬性通常無法在這些元素中運作，導致文字溢出單元格邊界。

儘管建議使用 text-wrap:suppress 或 text-wrap:normal，但這些解決方案被證明是無效的。然而，對於 Internet Explorer，一個可行的方法是在表格中新增 table-layout:fixed 屬性。

透過設定 table-layout:fixed，瀏覽器會根據內容計算表格列的寬度，確保它們固定在整個桌子上。此行為與預設的 table-layout:auto 不同，預設的 table-layout:auto 允許列動態調整其寬度。

考慮以下修改後的 HTML：

<table>

透過此調整，長單字將包裹在表格單元內，防止其溢出單元格的邊界。此解決方案解決了 Internet Explorer HTML 表格單元格中的自動換行問題。

以上是如何在 HTML 表格單元格中（尤其是在 Internet Explorer 中）有效啟用自動換行？的詳細內容。更多資訊請關注PHP中文網其他相關文章！