Outlook 7在同一行上对齐图像和文本

如何解决Outlook 7在同一行上对齐图像和文本

我的电子邮件模板中具有以下HTML标记

<p>
    <a class="arrowlink" href="https://link" style="font-weight: normal; text-decoration: none; line-height: 22px; height: 26px; display: inline-block; vertical-align: middle; font-size: 18px; color:#5cc5ed;">
        <img src="/arrow_link.png" style="vertical-align:middle;max-width:20px !important; mso-line-height-rule: exactly; width: 20px; height:20px; margin-right:5px; !margin-top: 15px; mso-margin-top-alt:15px; !padding-top: 15px; border:0;" align="absbottom" width="22px" height="auto" class="img-arrow">
        <span style="display: inline-block; line-height: 22px; height: 22px; mso-line-height-rule: exactly;" class="link-text">My Link</span>
    </a>
</p>

我尝试将图像和跨度内容对齐在同一行上，这在大多数电子邮件客户端中都可以使用，但是在Outlook中，图像和跨度内容未正确对齐。

有没有针对Outlook 2007使用任何类型表的解决方法

解决方法

没有可靠的方法来确保所有电子邮件客户端的一致性，尤其是在保证金和填充方面。您只需要找到可以接受的折衷办法即可。

根据我的经验，最好的办法是使其尽可能简单，并尽量减少所需的样式。

表格：除非您具有非常的基本设计，否则恐怕您必须将表格用于电子邮件-甚至对于当前现代化的电子邮件客户端，不必担心Outlook 2007 :)电子邮件的设计几乎违反了我们所知道的所有良好HTML开发实践（表格，内联样式等）。

图像对齐：我的建议是更改图像本身以包括任何填充/边距，而不是尝试将其添加到CSS中，CSS可以由不同的电子邮件客户端以不同的方式进行处理。

仅供参考：Outlook 2007使用和支持：

• Microsoft在2017年终止了对Outlook 2007的支持。
• 2015年，发送到Outlook的电子邮件中大约有16％在Outlook 2007中打开。
• 这一数字在2017年（支持的最后一年）下降到10％。

随着支持于2017年10月结束，我希望现在的用户数量会大大减少。

虽然我不建议您忽略它，但我会强调在比较流行的电子邮件客户端上进行设计，除非您知道您的收件人中有很大一部分都拥有