html中的table跨行跨列用法

来源:互联网 发布:淘宝卖家留言在哪里 编辑:程序博客网 时间:2024/05/22 19:14


跨行:colspan    合并单元格

跨列:rowspan   合并行


1.跨2列

<table border="1">              <tr>                 <td colspan="2" align="center">111</td>               </tr>             <tr>                 <td>222</td>                 <td>333</td>             </tr></table>
效果:

2.左跨2行

<tr>      <td rowspan="2">111</td>      <td>222</td></tr><tr>               <td>333</td> </tr>

效果:


3.右跨2行

<tr>      <td>111</td>      <td  rowspan="2">222</td></tr><tr>               <td>333</td> </tr>

效果:








0 0