原文链接
两个属性(colspan和rowspan )用于创建特殊的表。
colspan是“column span”(跨列)的缩写。 colspan属性用于td标记,用于指定单元格跨的列数。
浏览器显示如下:
1个单元格2个单元格3个单元格4在本示例中,通过将colspan设置为”3″,使单元格跨越三列。 如果将colspan设置为“2”,则单元格只跨两列,因此必须在第一行插入另一个单元格,以便两行占同一列数。
此示例在浏览器中显示如下:
1单元格2单元格3单元格4单元格5 rowspan的作用是指定单元格的垂直行数。
浏览器显示如下:
1单元格2单元格3在单元格4上的示例单元格1中,rowspan设置为“3”。 这意味着该单元格必须跨越三行。 因此,单元格1和单元格2在同一行中,而单元格3和单元格4形成独立的两行。
l; line-height:21px; font-family:simsun; font-size:14px”>
综合实例
ss
<html>
<head>
</head>
<table border= “1 ” width= “200 ” >
<tr>
<td colspan=”4″ >ss
</td>
</tr>
<tr>
<td width= “25% “> </td>
<td width= “25% “> </td>
<td width= “25% “> </td>
<td width= “25% “> </td>
</tr>
<tr>
<td width= “25% “rowspan=”2”> </td>
<td width= “25% “> </td>
<td width= “25% “> </td>
<td width= “25% “> </td>
</tr>
<tr>
<td width= “25% “> </td>
<td width= “25% ” rowspan=”3″> </td>
<td width= “25% “> </td>
</tr>
<tr>
<td width= “25% ” colspan=”2″ > </td>
<td width= “25% “> </td>
</tr>
<tr>
<td width= “25% “> </td>
<td width= “25% “> </td>
<td width= “25% “> </td>
</tr>
</table>
</html>