在左侧和右侧，我有一些间距。在所有邮件客户端中，它都会显示该间距，但 Outlook 2007/2010/2013 除外。
图 1
这就是我要的。在左侧我有一些文字，在右侧我有一个图像。红线显示文本/图像和虚线边框之间的间距。
图 2
在 Outlook 2007/2010/2013 中，它没有给我虚线边框左右两侧的间距。在文本和图像之间我使用“outlookseparator”。当我不使用“outlookseparator”时，它会给我左侧的间距（文本之前的间距），但它会在文本下方显示图像。
如何在 Outlook 2007/2010/2013 中获得图像 1 的结果？
Outlook 无法读取 HTML5 元素。没有任何代码可看，我假设您正在使用 div 并且outlookseparator是一个类。
这可能有点令人震惊（这是很多文字），但这是你必须做的才能在 Outlook 中获得你想要的东西。您可以对其进行修改，但要确保所有内容（宽度）都加起来。
<table border="0" cellpadding="0" cellspacing="0" width="640" style="border-collapse:collapse; padding:0; margin:0px;">
<tr valign="top">
<td align="left" valign="top" style="border:1px dashed #e6e6e6">
<table border="0" cellpadding="0" cellspacing="0" width="640" style="border-collapse:collapse; padding:0; margin:0px;">
<tr valign="top">
<td width="10">
</td>
<td align="left" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="300" style="border-collapse:collapse; padding:0; margin:0px;">
<tr valign="top">
<td align="left" valign="top" style="font-size:14px; line-height:16px;padding-top:10px;padding-bottom:10px;">
<font face="Arial,'Helvetica Neue',Helvetica,sans-serif" color="#444444" size="2" style="color:#444444; font-family:Arial,'Helvetica Neue',Helvetica,sans-serif; font-size:14px; line-height:16px; -webkit-text-size-adjust:none; font-weight:normal">
TEXT!
</font>
</td>
</tr>
</table>
</td>
<td align="right" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="300" style="border-collapse:collapse; padding:0; margin:0px;">
<tr valign="top">
<td align="left" valign="top" style="padding-top:10px;padding-bottom:10px;">
<img src="http://somewhere.com/images/something.png" width="300" height="100" alt="" style="display:block;" border="0" />
</td>
</tr>
</table>
</td>
<td width="10">
</td>
</tr>
</table>
</td>
</tr>
</table>
顺便说一句，在电子邮件中使用类是不好的做法。它在 GMail 中看起来很糟糕，因为 GMail 不读取样式标签或外部 CSS。
Outlook 使用 Word 作为电子邮件编辑器。您可以在 MSDN 中的以下文章中阅读更多相关信息：