HTML 表格大小
HTML 表格可以为每列、每行或整个表格设置不同的尺寸。
使用 style 属性以及 width 或 height 属性来指定表格、行或列的尺寸。
HTML 表格宽度
要设置表格的宽度，请将 style 属性添加到 <table> 元素中
示例
将表格宽度设置为 100%
<table style="width:100%">
<tr>
<th>名字</th>
<th>姓氏</th>
<th>年龄</th>
</tr>
<tr>
<td>吉尔</td>
<td>史密斯</td>
<td>50</td>
</tr>
<tr>
<td>伊芙</td>
<td>杰克逊</td>
<td>94</td>
</tr>
</table>
尝试一下 »
注意： 使用百分比作为宽度的尺寸单位表示该元素相对于其父元素的宽度，在本例中，父元素是 <body> 元素。
HTML 表格列宽度
要设置特定列的尺寸，请在 <th> 或 <td> 元素上添加 style 属性
示例
将第一列的宽度设置为 70%
<table style="width:100%">
<tr>
<th style="width:70%">名字</th>
<th>姓氏</th>
<th>年龄</th>
</tr>
<tr>
<td>吉尔</td>
<td>史密斯</td>
<td>50</td>
</tr>
<tr>
<td>伊芙</td>
<td>杰克逊</td>
<td>94</td>
</tr>
</table>
尝试一下 »
HTML 表格行高度
要设置特定行的高度，请在表格行元素上添加 style 属性
示例
将第二行的高度设置为 200 像素
<table style="width:100%">
<tr>
<th>名字</th>
<th>姓氏</th>
<th>年龄</th>
</tr>
<tr style="height:200px">
<td>吉尔</td>
<td>史密斯</td>
<td>50</td>
</tr>
<tr>
<td>伊芙</td>
<td>杰克逊</td>
<td>94</td>
</tr>
</table>
尝试一下 »
