怎样合并html中的单元格

发布网友发布时间：2022-04-21 00:51

共2个回答

热心网友时间：2022-04-04 16:30

在Html合并单元格时，使用的属性为: 跨行合并：rowspan, 跨列合并： colspan.

第一部分：rowspan使用方法

<table border=2 width="50%">
<tr>
<td rowspan=2> 行1，条目1 </td>
<td> 行1，条目2</td>
</tr>
<tr><td>行2，条目1</td></tr>
</table>

1. 没有增加rowspan时的效果是：

行1，条目1 行1，条目2

行2，条目1

2. 增加rowspan后的效果是：

行1，条目1 行1，条目2

行2，条目1

第二部分：colspan使用方法

<table border=2 width="50%">
<tr>
<td> 行1，条目1 </td>
<td> 行1，条目2</td>
</tr>
<tr><td colspan=2 align="center">行2，条目1</td></tr>
</table>

1. 没有增加rowspan时的效果是：

行1，条目1 行1，条目2

行2，条目1 "没有内容"

2. 增加rowspan后的效果是：

行1，条目1 行1，条目2

行2，条目1（整个为一个单元格）

热心网友时间：2022-04-04 17:48

跨行合并：rowspan
跨列合并：colspan