如何使用表格编码html电子邮件？

我有一个发票设计，我已经在html复制。这是你的电话号码

我在fiddle中使用的html表的片段是：

<table style="width:100%;display: flex;
  justify-content: center;">

 <tbody style="font-size:20px;padding-left: 15%;"> 
  <tr>
    <td style="padding-bottom: 3%;text-align:right;">how many</td>
    <td style="padding-bottom: 3%;padding-left: 10%;">2</td>
  </tr>
  <tr>
    <td style="padding-bottom: 3%;text-align:right;">when:</td>
    <td style="padding-bottom: 3%;padding-left: 10%;word-wrap: break-word;
    width: 300px;" >March 28/18 @ 7:00pm to March 30/18 @ 7:00pm</td>
  </tr>
  <tr>
    <td style="padding-bottom: 3%;text-align:right;">who:</td>
    <td style="padding-bottom: 3%;padding-left: 10%;color:#FF8D58;">John s</td>
  </tr>
  </tbody>
</table>

有多少
2.
什么时候：
3月28/18日晚上7:00至3月30/18日晚上7:00
世卫组织：
约翰s

问题陈述：

---

我想知道我上面使用的表格是否是在html电子邮件中使用的正确方法，或者我是否需要做任何更改？我之所以问这个问题，是因为我以前从未编写过html电子邮件

Gmail、yahoo、outlook.com不完全支持在html电子邮件中使用Flex查看以下两个有用的链接：

如果您遵循正常的表格布局方法，它将得到大多数电子邮件客户端的支持，因为我注意到您还使用了

标记，该标记也将升起一个标志

这段代码可能需要更多的工作和样式，但只是为了展示它如何比使用

display:flex更好地工作：



高XYZ

类型：
可用性检查请求
估计总数：
$250.00
什么
电锯
有多少
2.
什么时候：
3月28/18日晚上7:00至3月30/18日晚上7:00
世卫组织：
约翰s
挣钱的步骤：
一,。单击此处打开ABC应用程序的“发布请求”页面

二,。点击可用性检查请求

三,。说是的，它的有效期不建议另一个日期

四,。等待1或24小时确认良好

五,。预订结束后三天，钱将被汇入您的帐户

是的，这是正确的方法。但某些HTML样式属性可能不适用。除此之外，您还必须在代码中添加用于发送html代码的配置。Othrewise以纯文本显示HTML代码。
display:flex覆盖
显示：表格
，使表格成为非表格。。。但是如果
display:flex
不受支持。当表支持垂直和水平对齐时，为什么需要在表中使用flex，而Yahoo、Gmail、outlook.com不支持flex“我之所以问这个问题，是因为我以前从未编写过html电子邮件。”-在这种情况下，我希望你在最初的研究中做得更好…HTML电子邮件是一个广泛的话题，但它也已经被讨论了很多。像这样问，显然还没试过看你们得到了什么结果……你们的努力比我认为的要少得多。@CBroe我猜新开发人员不知道要找什么，或者他们应该使用什么关键词，谷歌不回答这个问题，但stackoverflow上的人回答了。不过我同意你的看法。谢谢。我会看看的。嗨，亚当，我想知道我们是否可以在html电子邮件中使用h2标记？我正在浏览，上面写着我不能使用p标签，所以我想知道我们是否可以使用h2标签。你可以使用它们只是确保测试你的电子邮件。在这里，他们告诉我们不要使用p标签。我发现编写html电子邮件非常令人困惑……lolI也有类似的想法。我想知道你是否能帮我。