【HTML】表格的跨行跨列

表格的跨行跨列

1. 第一行第一列的单元格要跨两列，利用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>