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

Question

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

这是我目前拥有的：

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

---

<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

这就是我需要的（将左三列与前三列合并）：

         ____________________
        |__________|_________
________|__________|_________ 

Answer 1

编辑：

我现在明白了这个问题的诀窍......您还希望第一行与左侧的合并列合并吗？不可能。但是你可能可以用一些 CSS、rowspan和colspan来伪造类似的东西。

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

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

---

老答案：

行跨度会有所帮助！

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>

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