结合了colspan和rowspan

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/