将表列合并为单个单元格

时间:2011-02-05 01:58:15

标签: html html-table

我有一个看起来像这样的表,这是它的标记

______________________
_____|_______|________
_____|_______|________

<table>
<tbody>
<tr>
 <td>row 1 column 1</td>
 <td>row 1 column 2</td>
 <td>row 1 column 3</td>
</tr>
<tr>
 <td>row 2 column 1</td>
 <td>row 2 column 2</td>
 <td>row 2 column 3</td>
</tr>
</tbody>
</table>

如何将整个第二列合并为1个单元格,以便表格如下所示。有可能吗?

_____________________________
________|          |_________
________|__________|_________

2 个答案:

答案 0 :(得分:34)

<table>
<tbody>
<tr>
 <td>row 1 column 1</td>
 <td rowspan="2">row 1 column 2</td>
 <td>row 1 column 3</td>
</tr>
<tr>
 <td>row 2 column 1</td>
 <td>row 2 column 3</td>
</tr>
</tbody>
</table>

这应该有效。 rowspan =“2”的任何元素都将跨越两行。你也可以把colspan =“2”放到span列。

答案 1 :(得分:0)

将rowspan =“2”添加到第一行的第二个td,并从第二行中删除第二个td。