HTML <td> rowspan 属性
实例
下面的 HTML 表格中包含一个横跨两行的表格单元格:
<table>
<tr>
<th>Month</th>
<th>Savings</th>
<th>Savings for holiday!</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
<td rowspan="2">$50</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
亲自试一试 »
<tr>
<th>Month</th>
<th>Savings</th>
<th>Savings for holiday!</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
<td rowspan="2">$50</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>
下面有更多实例。
定义和用法
rowspan 属性定义单元格应该横跨的行数。
浏览器支持
属性 | |||||
---|---|---|---|---|---|
rowspan | Yes | Yes | Yes | Yes | Yes |
所有主流浏览器都支持 rowspan 属性。
注意:只有 Firefox 和 Opera 支持 rowspan="0",该值有特殊的含义(请看下面的"属性值"表格)。
语法
<td rowspan="number">
属性值
值 | 描述 |
---|---|
number | 规定单元格应该横跨的行数。 注意: rowspan="0" 告知浏览器使单元格横跨到表格组件中的最后一个行(thead、tbody 或 tfoot)。 |
更多实例
实例
使用 rowspan="0":
<table>
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
<th rowspan="3">Savings for holiday!</th>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
<td rowspan="0">$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>
亲自试一试 »
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
<th rowspan="3">Savings for holiday!</th>
</tr>
</thead>
<tbody>
<tr>
<td>January</td>
<td>$100</td>
<td rowspan="0">$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</tbody>
</table>