現代網頁開發中，我們經常會用到表格來呈現數據，而為了讓表格的展示效果更加美觀，我們通常會使用 CSS 來調整表格各個單元格的樣式。其中，th標簽是表格中的表頭單元格標簽，很多時候我們希望它能夠自適應文本長度，不至于出現文字換行但單元格寬度不發生變化的情況。該怎樣實現呢？下面是一個簡單的例子，歡迎參考。

table {
width: 100%;
border-collapse: collapse;
margin: 0 0 1.5rem;
}
th {
font-weight: bold;
text-align: left;
width: auto; /* 設置初始寬度 */
}
td {
border: 1px solid #ccc;
padding: 0.75rem;
}

以上是一個最基本的表格樣式設定，下面我們來談一談如何實現th標簽的自適應寬度：

• 首先，在th標簽的 CSS 樣式中，將寬度指定為auto。這樣，表格初始化后，各個表頭單元格的寬度大小會根據其內部文本內容自適應調整。
• 然而，如果表格中的某一列信息過長，那么該列的寬度可能會超出頁面寬度，從而影響頁面排版。為了防止這種情況的出現，我們可以再通過 CSS 樣式指定max-width屬性的值。這一數值通常根據頁面設計要求來定。
• 如果只使用上述兩個屬性，那么表格中的所有表頭單元格寬度都會自適應調整，并呈現出類似于等分布的狀態。如果我們需要對某個表頭單元格進行寬度個性化定制，可以通過添加min-width屬性對其進行控制。

總之，通過加入如上所述的 CSS 樣式設定，可以較為方便地實現表頭單元格的自適應寬度。當然，具體樣式定制還需根據實際情況進行調整。希望大家可以在實踐中有所收獲。