html中的单元格的合并

最新推荐文章于 2025-03-21 20:45:18 发布

onlyxufeifei

最新推荐文章于 2025-03-21 20:45:18 发布

阅读量7.9k

点赞数 4

分类专栏：编程语言

本文链接：https://blog.csdn.net/onlyxufeifei/article/details/80872783

版权

编程语言专栏收录该内容

5 篇文章

订阅专栏

colspan是横向合并 rowspan是纵向合并

    	<table   border="1"  style="width: 500px;height:400px">
       <tr>
         <td ></td>
         <td></td>
         <td></td>
       </tr>
       <tr>
         <td></td>
         <td></td>
         <td></td>
       </tr>
       <tr>
         <td></td>
         <td></td>
         <td></td>
       </tr>
     </table>

显示为

<table   border="1"  style="width: 500px;height:400px">
       <tr>
         <td  colspan="3" ></td>
       </tr>
       <tr>
         <td></td>
         <td></td>
         <td></td>
       </tr>
       <tr>
         <td></td>
         <td></td>
         <td></td>
       </tr>
     </table>

<table   border="1"  style="width: 100px;height:100px">
       <tr>
         <td  colspan="2" ></td>
         <td></td>
       </tr>
       <tr>
         <td></td>
         <td></td>
         <td></td>
       </tr>
       <tr>
         <td></td>
         <td></td>
         <td></td>
       </tr>
     </table>

rowspan的作用是指定单元格纵向跨越的行数。

    	<table   border="1"  style="width: 100px;height:100px">
       <tr>
         <td  rowspan="3"></td>
        <td></td>
         <td></td>
       </tr>
       <tr>
        
         <td></td>
         <td></td>
       </tr>
       <tr>
         <td></td>
         <td></td>
       </tr>
     </table>