将表列和行合并到单个单元格中



我需要创建一个电子邮件签名,我有一点挣扎。我必须使用一个表,但我必须像这样合并它

以下是我目前的记录:

_____|_______|________
_____|_______|________
_____|_______|________

<table width="550" border="1">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table

这就是我需要的(合并左三列和前三列):

         ____________________
        |__________|_________
________|__________|_________ 

Edit:

我现在明白这个问题的窍门了…您还希望顶部行与左侧合并的列合并吗?不可能的。但是你也可以用一些CSS,比如rowspan和colspan。

新小提琴:
http://jsfiddle.net/HpkpY/4/

请记住,这些并不是真正的合并-它们只是看起来像。如果border-collapse属性没有设置为collapse,您可能会得到一些奇怪的结果。


老答:

rowspan将会有帮助!

JSFiddle示范:
http://jsfiddle.net/HpkpY/1/

<table width="550" border="1">
  <tr>
    <td rowspan="3">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

不要忘记删除由于合并而不再需要的其他单元格!

最新更新