Email 为什么在firefox、internet explorer、chrome web浏览器中，我的电子邮件模板显示正确对齐，但在Microsoft outlook电子邮件阅读器中，它会被破坏？

我有一个模板，用于发送纯手工编写的电子邮件，使用css制作，然后在Firefox/InternetExplorer/Chrome浏览器中进行测试。但当我把这封邮件发给我的老板时，他总是微软outlook的用户

他总是把路线弄坏，文本弄坏，所有的问题都开始了。我的问题是你到底是怎么写的？所有显示我的模板的web浏览器都没有错误

我搜索了很多，但大多数答案都没有得到深入和正确的答案。我非常感谢一些专家在这方面的意见

---

谢谢

outlook使用了旧版本的Trident，即CSS渲染引擎。取决于你老板的看法，情况可能会变得更糟。由于微软在欧盟反垄断案中败诉，Outlook 2010实际上恢复为旧版本的Trident，因此2010年之前的任何版本实际上都会更好，但两者都相当差劲@best。 您将要真正停止使用现代html/css进行开发，转而使用老式的表格布局。我知道，这太恶心了，但你得用电子邮件。 最好的测试是本机测试，但是如果您不能访问这两个版本（不是很多），您应该查看EmailOnAcid.com，它们提供了大量可以测试的电子邮件客户端。

---

如果您还需要其他服务，constantcontact.com、mailchimp.com和campaignmonitor.com都提供的不仅仅是测试服务

Outlook 2007是个坏家伙。任何新的或旧的都要好得多。在Outlook2007中，许多CSS命令不起作用

有关详细信息，请参阅本页

然而，试着把你的电子邮件发送到Gmail.com，看看它在Gmail网络界面中的显示情况-Gmail是一个非常严格的限制，根据经验，如果它显示得很好，在其他网络客户端中也应该很好

关于HTML电子邮件的一些建议：

• 展望
  • 最好为Outlook提供

    宽度

    ，否则CSS可能会崩溃
  • Outlook不支持对
    s/
    s、

    float

    和各种其他内容进行

    填充
    

• Gmail
  • 对于Gmail，您应该优先使用内联CSS，而不是定义类
  • Gmail实际上解析你提供的CSS，例如，将

    height

    更改为

    minheight

    ，因此使用height是无用的。但是，浏览器不尊重
    的

    最小高度

    ，因此可以使用
    s内部的
    s来确保应用了最小高度
  • Gmail会去除背景图像，通常在所有电子邮件客户端中，出于安全原因，用户请求时会显示图像。因此，使用
    包装图像，设置背景色和该外部

    div

    的颜色，并为图像提供

    alt

    （可选文本）（还请注意，使用空

    src

    的图像在浏览器渲染时不会保留宽度和高度）