Html 无法正确获取重影表

我曾多次尝试整理此电子邮件模板在Outlook mobile和online中呈现的“幻影表”，但均未成功。由于某些原因，它在打印到Outlook中时会发生偏移

所需外观：

我得到的（Outlook online和mobile）：

代码（此版本不包含重影表以使其更简单）：

尝试的前三件事
设置个人资料图片

有时很难分辨谁在面具后面。通过向您的帐户中添加个人资料图片，让我们有机会记住您的面部表情。在设置您的个人资料图片后，48小时内，所有办公室都将看到您的个人资料图片
365种产品，包括团队和Outlook。请选择一张适合工作的照片

在手机上安装

office 365在所有应用程序中提供了大量新功能，使您的工作日体验更轻松、更高效。前往Halton的Office 365 Hubbage，开始探索提供的所有功能。链接最好在计算机上查看

这将更多地是一个“尝试这些东西”的答案，因为可能存在多个问题

首先，我从来没有在Colspan（或rowspans）方面有过任何运气。通过在其中嵌套一个新表来编辑它们

第二，可能是Outlook空间不足。最小宽度为600px，还有填充。在台式机上通常只有600px，而在手机上更像是300px<代码>元素将自动扩展到所需的大小，因此如果不需要特定的宽度（您的图标和按钮需要特定的宽度），则不要设置它

第三，你的鬼表不正确。你只需要它们来修复Outlook（桌面）无法识别的东西，比如最大宽度（我可能是最小宽度，但我从来都不需要使用它）。它需要语义正确，因此此结构：

 <!--[if (gte mso 9)|(IE)]>
                                            <td style="padding-top:15px;padding-bottom:15px;">
                                        <![endif]-->
                    <td width="150" align="left" style="border-top:4px solid #4D5358;"></td>

                    <!--[if (gte mso 9)|(IE)]>
                                            </td>
                                        <![endif]-->

将呈现两个紧随其后的

元素。如果您希望非Outlook桌面有不同的功能，请使用以下方法：

<!--[if !mso]>-->
  <td width="150" align="left" style="border-top:4px solid #4D5358;"></td>
<!--<![endif]-->

第四，考虑您希望在300 px视口宽度下布局的样子。那可能会把你的建筑搞得一团糟。但您可以在

部分中使用

@媒体屏幕和（最大宽度：600px）

为手机设置不同的样式（尽管Gmail应用程序的某些版本有限制，即Gmail IMAP/POP）

---

第五，按钮是一个额外的野兽。我不打算在这里回答，因为这是我自己的问题。实际上，Outlook不会将内联元素更改为内联块或内联块（反之亦然）。你必须设计一个

部分，而

部分只会有颜色和文字装饰。

这是否回答了你的问题？显然，Outlook在指定渲染px时存在一些问题@AaronMorefield不幸没有。我已经有了一行中每个td的宽度，使用了不带px的宽度标记。谢谢你的建议。不仅仅是宽度，我想知道它是否是填充物中的px。我还想知道

最小宽度

是否也是一个问题。Outlook不喜欢href中的

#

，或者它是空的。