HTML中的表格是一種常見的元素,表格中的單元格被稱為TD(table data),通過設置TD的寬度我們可以控制表格的寬度和排版。那么,HTML怎樣設置TD的寬度呢?
首先,要知道TD的寬度可以使用width屬性來設置。我們可以將width屬性直接設置為一個固定值,例如:
<td width="100">這是一個寬度為100像素的單元格</td>
這樣就可以將這個單元格的寬度設置為100像素了。
如果需要將表格中的所有單元格寬度設置為相同的值,可以使用table元素的width屬性來設置,如下所示:<table width="500">
<tr>
<td>第一列</td>
<td>第二列</td>
<td>第三列</td>
</tr>
</table>
這樣就可以將表格的寬度設置為500像素,表格中的所有單元格自動平分這個寬度。
如果需要將表格中某一列的寬度設置為固定值,可以通過設置該列的CLASS屬性來實現。例如:<table>
<tr>
<td class="col1">第一列</td>
<td class="col2">第二列</td>
<td class="col3">第三列</td>
</tr>
</table>
此時,我們需要在CSS中添加如下的樣式規則:.col2 {
width: 100px;
}
這樣就可以將第二列單元格的寬度設置為100像素了。
總之,通過設置TD元素的width屬性或者通過CSS設置CLASS屬性,我們可以很方便地控制HTML表格中各個單元格的寬度。