HTML 表格大小
HTML 表格可以為每一列、每一行或整個表格設定不同的尺寸。
使用 style
屬性和 width
或 height
屬性來指定表格、行或列的大小。
HTML 表格寬度
要設定表格的寬度,請在 <table>
元素上新增 style
屬性
示例
將表格寬度設定為 100%
<table style="width:100%">
<tr>
<th>名字</th>
<th>姓氏</th>
<th>年齡</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
自己動手試一試 »
注意:使用百分比作為寬度的尺寸單位意味著該元素相對於其父元素(在此例中為 <body>
元素)的寬度。
HTML 表格列寬
要設定特定列的大小,請在 <th>
或 <td>
元素上新增 style
屬性
示例
將第一列的寬度設定為 70%
<table style="width:100%">
<tr>
<th style="width:70%">Firstname</th>
<th>姓氏</th>
<th>年齡</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</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>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
自己動手試一試 »