【发布时间】：2019-03-22 16:20:27
【问题描述】：
我在创建 HTML 正文方面完全是初学者，但我需要创建电子邮件的 HTML 正文，我必须将一些数据放入该电子邮件消息表中。这是一个非常简单的表格，有 2 行 4 列，但是有 3 个单元格必须拆分。所以我在该单元格内创建了表格（1 行 2 列）。这就是问题所在，在填充这些新单元格时，“主”单元格未正确填充，请参见下文。 an example 如何正确填写。我将不胜感激填写它的代码。 我的 html 正文：
<table style="text-align: center; padding: 8px; width: 600px;" border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="width: 150px; text-align: center;">Done</td>
<td style="width: 150px; text-align: center;">Success</td>
<td style="width: 150px; text-align: center;">Overwrited</td>
<td style="width: 150px; text-align: center;">Unrecognized</td>
</tr>
<tr>
<td style="font-size: 24px; font-weight: bold;">{1}</td>
<td>
<table style="height: 50px; width: 150px; text-align: center;" >
<tbody>
<tr>
<td style="height: 50px; width: 75px; border-right:solid 1px; font-size: 24px; font-weight: bold;" bgcolor="#00cc00">{2}</td>
<td style="height: 50px; width: 75px; font-size: 24px; font-weight: bold;" bgcolor="#00cc00">{3}%</td>
</tr>
</tbody>
</table>
</td>
<td style="width: 150px; ">
<table style="height: 50px; width: 150px; text-align: center;">
<tbody>
<tr>
<td style="height: 50px; width: 75px; border-right:solid 1px; font-size: 24px; font-weight: bold;" bgcolor="#ee4c50">{4}</td>
<td style="height: 50px; width: 75px; font-size: 24px; font-weight: bold;" bgcolor="#ee4c50">{5}%</td>
</tr>
</tbody>
</table>
</td>
<td style="width: 150px;">
<table style="height: 50px; width: 150px; text-align: center;">
<tbody>
<tr>
<td style="height: 50px; width: 75px; border-right:solid 1px; font-size: 24px; font-weight: bold;" bgcolor="#99ccff">{6}</td>
<td style="height: 50px; width: 75px; font-size: 24px; font-weight: bold;" bgcolor="#99ccff">{7}%</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
我想得到类似的东西： example
【问题讨论】：
-
欢迎来到 Stackoverflow！请阅读stackoverflow.com/help/how-to-ask 和stackoverflow.com/help/mcve，并更新您的问题。简而言之：不要写一篇文章来解释你想做什么，展示你的代码，这样我们就可以看到你到目前为止做了什么。
-
您的嵌套表格不会删除您从父表格中删除的默认单元格间距和单元格填充。这些值不会自动下降到子元素。
-
这就是我要代码的原因，我不知道这是什么意思，这段代码是从表生成器之一生成的。
标签： html email html-email