合并表格列和行为单个单元格

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

这是我需要的（将左侧三列与顶部三列合并）：

         ____________________
        |__________|_________
________|__________|_________ 

- user2360468

---

你需要的是 'rowspan' 属性 http://www.angelfire.com/fl5/html-tutorial/tables/rowspan.htm - sashkello

现在我完全理解了你的问题，合并前三列有什么意义呢...你只会得到一行，可以放在表格上方的任何位置。 - user1932079

Answer 1

编辑：

我现在明白这个问题的诀窍了... 你还希望顶行与左侧合并的列一起合并？不可能。但是你可以使用一些CSS，rowspan和colspan来伪装一些东西。

新的fiddle:
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>

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

- Jace

---

没有回答所问的问题：OP 希望顶行也跨度展开。 - user1932079

很好。请检查我在原帖中添加的评论，并加上您的想法。 - user1932079