HTML表格是網站中常見的元素之一，而其中的寬度自適應則是在不同設備上展示表格內容很重要的因素。下面就讓我們來一起學習如何設置HTML表格的寬度自適應。 首先，我們需要在HTML代碼中使用pre標簽來展示代碼，同時使用p標簽來分段說明我們的步驟。

首先，我們需要在HTML中使用table標簽來定義一個表格，需要設置表格的class屬性為“responsive-table”。

標題1
標題2
標題3
內容1
內容2
內容3

接下來，我們需要使用CSS代碼為表格設置寬度自適應，通過使用max-width屬性將表格寬度設置為100%，并使用table-layout屬性將表格布局設置為fixed，如下代碼所示：

.responsive-table {
max-width: 100%; /* 將表格寬度設置為100% */
table-layout: fixed; /* 設置表格布局為fixed */
}

最后，我們需要在CSS中設置表格中單元格的寬度自適應。可以使用百分比來設置單元格寬度，如下代碼所示：

.responsive-table td {
width: 33%; /* 設置單元格寬度為33% */
}

這樣，我們就成功地將HTML表格的寬度設置為自適應了，同時保留了表格的整體布局和樣式。