结合 colspan 和 rowspan 的 HTML 表格

Question

我正在尝试制作一个具有以下布局的 html 表格:

+-------+---+
|       |   |
+-------+   +
|       |   |
+-----+-----+
|     |     |
+-----+-----+

我正在使用 colgroup 将整个表格分成 5% 的部分， 然后应用 colspan 和 rowspan 将一些片段组合在一起。到目前为止，我还没有成功。我想知道是否有人能指出我正确的方向。需要一个表格来容纳电子邮件样式的可能性。

编辑:https://plnkr.co/edit/CHmiOuKpUlPsVJanLl7l?p=preview 按要求编码

Answer 1

要获得准确的 colspan 和 rowspan，您必须执行以下操作:

<table>
  <tr>
    <td colspan="3"></td>
    <td rowspan="2"></td>
  </tr>
  <tr>
    <td colspan="3"></td>
  </tr>
  <tr>
    <td colspan="2"></td>
    <td colspan="2"></td>
  </tr>
</table>

下面是运行中的代码:

https://jsfiddle.net/npjkrb55/1/