Question

我发送了两封简单的电子邮件，每张都有一张图片（50px高，2px高）

<html>
    <body>
         <img src="http://placehold.it/600x50/00ff00"/>
        <br />
        Lorem ipsum
    </body>
</html>

和

<html>
    <body>
         <img src="http://placehold.it/600x2/00ff00"/>
        <br />
        Lorem ipsum
    </body>
</html>

以下是Outlook 2013的结果

outlook image height problem

正如您所看到的，左图像的顶部边缘比右图像的边缘小 - 顶部和左侧图像之间的边距是不可避免的15px Outlook默认边距 - 但我不是在谈论它。
看起来Outlook在右侧的图像上添加了另一个边距，因为它小于大约15px的行高。
我尽了一切努力：设置display: block，line-height: 0，mso-line-height-rule: exactly等等。我甚至尝试将图片包装在div或span中，但没有任何帮助

很容易用例如putsmail.com。
任何想法或建议高度赞赏。

Answer 1

Outlook使用Word作为电子邮件编辑器。您可以在以下系列文章中阅读有关支持和不支持的HTML元素，属性和级联样式表属性：

希望您会发现此信息有用。

Answer 2

我最终将图片包裹在<div />中。这就行了。

Outlook为小于15像素的图片添加了上边距

2 个答案: