結合colspan和rowpan的HTML表

Question

我正在嘗試使用以下布局制作html表：

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

我正在使用colgroup將整個表分成5％，然后應用colspan和rowspan將一些部分組合在一起。 到目前為止，我還沒有成功。 我想知道是否有人可以指出我正確的方向。 需要一張桌子來容納可能的電子郵件樣式。

編輯： https ： //plnkr.co/edit/CHmiOuKpUlPsVJanLl7l？ p =要求的預覽代碼

Answer 1

要獲得確切的colspan和rowpan，您必須執行以下操作：

<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/