“HTML表格合并行和列”的版本间差异
本页内容
无编辑摘要 |
|||
(未显示同一用户的1个中间版本) | |||
第10行: | 第10行: | ||
<table> | <table> | ||
<tr> | <tr> | ||
<th colspan="2"> | <th colspan="2">姓名</th> | ||
<th> | <th>年龄</th> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td>吉尔</td> | ||
<td> | <td>史密斯</td> | ||
<td>43</td> | <td>43</td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<td> | <td>前夕</td> | ||
<td> | <td>杰克逊</td> | ||
<td>57</td> | <td>57</td> | ||
</tr> | </tr> | ||
第30行: | 第30行: | ||
</blockquote> | </blockquote> | ||
== HTML 表格 - 行跨度 == | == HTML 表格 - 行跨度 == | ||
要使单元格跨越多行,请使用以下''' <nowiki>rowspan</nowiki> '''属性: | 要使单元格跨越多行,请使用以下''' <nowiki>rowspan</nowiki> '''属性: | ||
第36行: | 第37行: | ||
<table> | <table> | ||
<tr> | <tr> | ||
<th> | <th>名称</th> | ||
<td> | <td>吉尔</td> | ||
</tr> | </tr> | ||
<tr> | <tr> | ||
<th rowspan="2"> | <th rowspan="2">电话</th> | ||
<td>555-1234</td> | <td>555-1234</td> | ||
</tr> | </tr> |
2022年8月6日 (六) 09:42的最新版本
HTML 表格可以包含跨越多行和/或多列的单元格。
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 属性:
示例
<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 属性的值表示要跨越的行数。