HTML 表格大小
HTML 表格可以对每列、每行或 整张桌子。
![](/examples/other/html/Table_Sizes/image/1.jpg)
将该特性与 or 属性一起使用,以指定表、行或列的大小。style``width``height
HTML 表格宽度
若要设置表的宽度,请将属性添加到元素中:style``<table>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| 将表格的宽度设置为 100%:
<table style="width:100%"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</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 表格列宽
![](/examples/other/html/Table_Sizes/image/2.jpg)
若要设置特定列的大小,请在 or 元素上添加属性:style``<th>``<td>
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| 将第一列的宽度设置为 70%:
<table style="width:100%"> <tr> <th style="width:70%">Firstname</th> <th>Lastname</th> <th>Age</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 表格行高
![](/examples/other/html/Table_Sizes/image/3.jpg)
若要设置特定行的高度,请在表行元素上添加属性:style
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
| 将第二行的高度设置为 200 像素:
<table style="width:100%"> <tr> <th>Firstname</th> <th>Lastname</th> <th>Age</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>
|
尝试一下 »
0评论