<table>中,colspan和rowspan的应用

colspan和rowspan能够改变表格的外观,使某列或者行合并起来

colspan和rowspan对<td>进行设置

rowspan对第一行进行设置,使得设置的列跨多行

colspan对任何行,使得设置的列跨多列

 

rowspan:

 

<tr>
<td >a</td>
<td rowspan="3">b</td>
</tr>

<tr>
<td>c</td>
</tr>

<tr>
<td>d</td>
</tr>

 

混合:

 

 

<tr>
<td rowspan="2">a</td>
<td rowspan="2">a</td>
<td colspan="5">a</td>
<td colspan="4">a</td>
<td rowspan="2">a</td>
</tr>


<tr>
<td>b</td>
<td>b</td>
<td>b</td>
<td>b</td>
<td>b</td>
<td>b</td>
<td>b</td>
<td>b</td>
<td>b</td>
</tr>

<tr>
<td colspan="12">c</td>
</tr>

 

 

posted on 2008-09-24 16:35  优雅小猪  阅读(7218)  评论(0编辑  收藏  举报

导航