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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM