【HTML】表格的跨行跨列

最新推荐文章于 2024-07-12 00:07:26 发布

言曦

最新推荐文章于 2024-07-12 00:07:26 发布

阅读量4.5k

点赞数 3

分类专栏： HTML 文章标签： html

本文链接：https://blog.csdn.net/wangke1998/article/details/121787675

版权

HTML 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

表格的跨行跨列

第一行第一列的单元格要跨两列，利用colspan属性来实现跨列

<table align="center" border="1" width="200" height="200" cellspacing="0">

<tr>

<th colspan="2">1.1</th>

<td>1.3</td>

</tr>



<tr>

<td>2.1</td>

<td>2.2</td>

<td>2.3</td>

</tr>



<tr>

<td>3.1</td>

<td>3.2</td>

<td>3.3</td>

</tr>

</table>

2.第二行第一列的单元格跨两行，利用rowspan属性实现跨行

<table align="center" border="1" width="200" height="200" cellspacing="0">

<tr>

<th colspan="2">1.1</th>

<td>1.3</td>

</tr>



<tr>

<td rowspan="2">2.1</td>

<td>2.2</td>

<td>2.3</td>

</tr>



<tr>

<td>3.2</td>

<td>3.3</td>

</tr>

</table>

3.第一行第一列实现跨两行跨两列，即同时使用colspan和rowspan

<table align="center" border="1" width="200" height="200" cellspacing="0">

<tr>

<th colspan="2" rowspan="2">1.1</th>

<td>1.3</td>

</tr>



<tr>

<td>2.3</td>

</tr>



<tr>

<td>3.1</td>

<td>3.2</td>

<td>3.3</td>

</tr>

</table>