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中文網其他相關文章!