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(整个为一个单元格)

 

 

原文:http://www.cnblogs.com/penny/archive/2008/09/09/1287606.html

posted @ 2017-12-26 15:59  Alone_GG  阅读(2709)  评论(0)    收藏  举报