HTML 表格 Colspan 和 Rowspan
HTML 表格可以有跨越多个行和/或列的单元格。
姓名 | ||
---|---|---|
四月 | ||
---|---|---|
2022 | ||
---|---|---|
节日 | ||
HTML 表格 - Colspan
要使单元格跨越多个列,请使用 colspan
属性
示例
<table>
<tr>
<th colspan="2">姓名</th>
<th>年龄</th>
</tr>
<tr>
<td>吉尔</td>
<td>史密斯</td>
<td>43</td>
</tr>
<tr>
<td>伊芙</td>
<td>杰克逊</td>
<td>57</td>
</tr>
</table>
自己试试 »
注意: colspan
属性的值表示要跨越的列数。
HTML 表格 - Rowspan
要使单元格跨越多个行,请使用 rowspan
属性
示例
<table>
<tr>
<th>姓名</th>
<td>吉尔</td>
</tr>
<tr>
<th rowspan="2">电话</th>
<td>555-1234</td>
</tr>
<tr>
<td>555-8745</td>
</tr>
</table>
自己试试 »
注意: rowspan
属性的值表示要跨越的行数。