HTML表格是網(wǎng)頁開發(fā)中常用的組件之一，可用于展示數(shù)據(jù)、圖表、排列整齊的內容等。在創(chuàng)建HTML表格時，我們可以使用CSS為其設置長寬，以使其更美觀、更清晰。 HTML表格的寬度設置通常有兩種方式：相對寬度和絕對寬度。 相對寬度 相對寬度是使用百分比來設置表格的寬度，如下所示：

<table width="80%">
<tr>
<td>第一列</td>
<td>第二列</td>
<td>第三列</td>
</tr>
</table>

上述代碼中，`width`屬性的值為80%，表示表格的寬度為其父元素寬度的80%。 絕對寬度 絕對寬度是使用像素或其他長度單位來設置表格的寬度的，如下所示：

<table width="600">
<tr>
<td>第一列</td>
<td>第二列</td>
<td>第三列</td>
</tr>
</table>

上述代碼中，`width`屬性的值為600像素，表示表格的寬度為600像素。 除此之外，我們也可以為表格的單元格（即``元素）設置寬度，以控制各列的寬度分布：

<table width="600">
<tr>
<td width="150">第一列</td>
<td width="300">第二列</td>
<td width="150">第三列</td>
</tr>
</table>

上述代碼中，``元素的`width`屬性值分別為150、300和150，表示第一列占表格的四分之一，第二列占表格的一半，第三列占表格的四分之一。 總結 在HTML表格中，我們可以通過設置表格的`width`屬性和單元格的`width`屬性來控制表格的寬度。相對寬度使用百分比表示，絕對寬度使用像素或其他長度單位表示。合理設置表格的寬度可以提高頁面的可視化效果，讓頁面更加美觀、清晰。