如何使用百分比設定表格儲存格的最大寬度？

使用百分比設定表格單元格的最大寬度

此查詢解決了開發人員經常面臨的問題：使用百分比設定表格單元格的最大寬度。提供的 HTML 和 CSS 範例說明了這個問題。

雖然 CSS 屬性 max-width 通常用於控制元素的寬度，但它最初未能在表格單元格上按預期運行。如何克服這個限制，使用百分比設定表格儲存格的最大寬度？

解鎖此功能的關鍵在於 table-layout 屬性。透過在table標籤上設定table-layout:fixed，指示表格為每個儲存格分配特定的寬度。這樣可以精確控制單元格寬度，包括使用百分比。

考慮以下 CSS 範例：

table {
  width: 100%;
  table-layout: fixed;
}

td {
  max-width: 67%;
}

現在，表格儲存格將遵循由max-width 屬性，確保過長的文字不會溢出並破壞表格的佈局。該技術與現代瀏覽器相容，並為使用百分比管理表格單元寬度提供了可靠的解決方案。

以上是如何使用百分比設定表格儲存格的最大寬度？的詳細內容。更多資訊請關注PHP中文網其他相關文章！