在開發網頁時，經常會遇到需要將表格列的寬度設置為自適應的情況，這時我們可以使用 HTML 中的<col>標簽來實現。

通過設置<col>標簽的屬性，我們可以針對不同的列設置不同的寬度。下面是一個例子：

<table>
<colgroup>
<col style="width: 50%" />
<col style="width: 25%" />
<col style="width: 25%" />
</colgroup>
<thead>
<tr>
<th>名稱</th>
<th>數量</th>
<th>單價</th>
</tr>
</thead>
<tbody>
<tr>
<td>蘋果</td>
<td>2</td>
<td>1.5 元</td>
</tr>
<tr>
<td>香蕉</td>
<td>3</td>
<td>2 元</td>
</tr>
</tbody>
</table>

上面的代碼中，我們通過<colgroup>標簽來定義一個列組，然后在里面設置每一列的寬度。可以看到，第一列的寬度設置為 50%，第二列和第三列的寬度都設置為 25%。

這樣設置之后，我們可以在表格中加入任意數量的行，每一行都會根據列的寬度自適應調整寬度。

<col>標簽還支持其他的屬性，比如 span（設置列占用的列數）、align（設置列的對齊方式）等。開發者可根據具體需求進行設置。