Question

这适用于Gmail和移动Exchange，但不适用于Outlook 2010 （虽然填充应该在2010年有效吗？）。

<img src="http://coolguys.org/signature/georgeWcool.jpg" alt="Cool logo" style="display:block;padding-right:20px;">

无论有没有显示块，上面的内容在outlook中都被完全忽略。只是在旁边的文本结果，直接粘贴到图像的一侧。再次，在Gmail和移动交换中解决得很好。

我在此图片的右侧有文字，因此使用： 是一个非常混乱的选项。还有其他类似的想法？（类似=在大多数地方工作）

更新@Mike＆＃34; 位更多代码＆＃34;下面：

<tr style="height: 50px; font-size:12px;">
        <td><img src="http://coolguys.org/signature/georgeWcool.jpg" alt="Cool logo" style="display:block;padding-right:20px;"></td>
        <td style="color: #002953; max-height: 20px;">
            <span style="font-size:12px !important; font-weight: bolder;">
            This one time at band camp Lorem Ipsum</span><br>
            <span style="font-weight: bolder;font-size:12px !important;">Jeepers HTML emails suck lorem ipsum<br>
            </span>
            <br>
            <!-- etc -->

Answer 1

Outlook中支持填充，无论人们告诉你什么。它只取决于你定义它的位置。我建议不要在图像上添加填充。记住Padding在元素内部，Margin在元素之外，所以在这种情况下你最好将它添加到图像的包装表单元格中。

这里还有另一个选项，就是给你的包装表单元格一个宽度。此宽度应等于图像的宽度+ 20px以考虑填充。那你就不需要填充了。显然，这只有在你有明确定义的工作宽度宽度时才有效，而你在HTML中看不到。如果您的元素始终为一个宽度，请将宽度添加到Image标记。这样，带有文本的第二个表格单元格将占用该表格中剩余的可用空间，并且始终位于图像右侧的20px

Answer 2

在outlook中的td标签上使用填充。 Img或div标签不支持填充。查看http://www.campaignmonitor/css 以查看有关电子邮件客户端的CSS兼容性的更多信息。

padding-right：20px;到outlook电子邮件中的图像

2 个答案: