Html合并单元格

Html合并单元格

今上午，在设计标题栏时，合并单元格帮我的大忙。原来我对表格的属性知之甚少，慢慢积累吧！

在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（整个为一个单元格）