在網頁制作中，表格的應用非常廣泛，而表格中每一個單元格的寬度也是需要具體設置的。在設置單元格寬度時，我們可以使用 CSS 的 width 屬性來進行設置，但是如果單元格的寬度不固定，那么如何讓它自適應呢？ 首先，我們需要了解一個 CSS 中的特殊值——百分比。百分比值是相對于包含塊的寬度來計算的，并且它可以用在 width、padding、margin 等屬性上。因此，我們可以將表格單元格的寬度設置為百分比值，使其根據包含塊的大小來自適應調整。 例如，假設我們有一個表格，其中有 5 個單元格，我們想要讓每個單元格的寬度都根據表格寬度自適應調整。那么，我們就可以設置單元格的寬度為 20%：

table {
width: 100%;
}
table td {
width: 20%;
}

在上面的代碼中，我們首先將表格的寬度設置為 100%，讓它占據整個容器的寬度。然后，將每一個單元格的寬度設置為 20%，由于表格中有 5 個單元格，因此它們將會平均分配表格容器的寬度。 另外，如果表格中的單元格內容比較長，那么它們的寬度可能會超出我們設置的百分比值。這時，我們可以使用 CSS 的文本換行屬性 word-wrap 或者 word-break 來控制單元格的換行方式，保證單元格能夠自適應調整寬度。 例如，我們可以將 td 元素的 white-space 設置為 nowrap，然后使用 word-break 或者 word-wrap 來控制單元格的換行方式：

table td {
width: 20%;
white-space: nowrap;
word-break: break-all; /* 或者使用 word-wrap: break-word; */
}

在上面的代碼中，我們將單元格的 white-space 屬性設置為 nowrap，防止單元格內容自動換行；然后使用 word-break 或者 word-wrap 來控制單元格的換行方式。例如，word-break: break-all 將會在單元格內容中間強制斷行，而 word-wrap: break-word 則會在單詞之間斷行，保證單元格內容不會超出設置的寬度。 總之， CSS 的百分比值可以幫助我們實現表格單元格的寬度自適應，通過對單元格的文本換行處理，可以有效保證單元格內容不會超出設置的寬度。不過，在應用這種方法時，需要根據實際情況，合理設置百分比值和文本換行方式，以達到最好的效果。