html电子邮件中的边框不会显示在Outlook 2010中,但可以在Thunderbird中使用

Question

我的html电子邮件中有以下代码..它位于表字段中:

<span class=solid style="width:100%;height:5px;border-top:1px solid #f89d30;display:inline-block;"></span>

现在,这个"橙色线"确实会在发送给Thunderbird时出现在html电子邮件中,但是使用Outlook 2010的收件人看不到该行.

是的,我知道还有另一个关于此问题的线索,但我尝试了这个解决方案(我看到的唯一区别就是我显示了:block而不是display:inline-block;)..而且它没有用.

还有其他建议吗？

表:

<table border=0 cellpadding=5 cellspacing=0 style="font:300 15px/1.625 'Helvetica Neue',Helvetica,Arial,sans-serif">
<tr><td colspan=5><span class=solid style="width:100%;height:1px;border-top:1px solid #f89d30;display:inline-block;"></span></td></tr>
      <tr>
        <td nowrap style="font-size:12px;" colspan=2>Item Description</td>
        <td width=50 nowrap style="font-size:12px;">Price</td>
        <td width=50 style="font-size:12px;">Quantity</td>
        <td width=50 nowrap style="font-size:12px;">Sub Total</td>
      </tr><tr><td colspan=5><span class=solid style="width:100%;height:5px;border-top:1px solid #f89d30;display:inline-block;"></span></td></tr>
  <tr>
    <td valign=top>&nbsp;
    </td><td style="font-size: 10px;" nowrap valign=top><h2 style="margin:0;">Vitamin C </h2></td>
<td nowrap valign=top>$39.95</td>
<td nowrap valign=top><input type="text" name="qty1" value="3"  size=2 readonly=readonly></td>
<td nowrap valign=top>$1.00&nbsp;&nbsp;</td></tr><tr><td colspan=5><span class=solid style="width:100%;height:5px;border-top:1px solid #f89d30;display:block;"></span></td></tr>
    <tr><td colspan=4>Order Subtotal</td><td>$1.00</td></tr>
<tr><td colspan=3></td><td colspan=2><span class=solid style="width:100%;height:5px;border-top:1px dashed #f89d30;display:inline-block;"></span></td></tr>
<tr><td colspan=3></td><td colspan=2><span class=solid style="width:100%;height:5px;border-top:1px solid #f89d30;display:inline-block;"></span></td></tr>
<tr><td colspan=5><span class=solid style="width:100%;height:5px;border-top:1px solid #f89d30;display:inline-block;"></span></td></tr>
<tr><td colspan=3>&nbsp;</td>
<td colspan=2>[checkout]</td></tr></table>

Answer 1

当表格未出现在电子邮件中时。

我花了很多时间研究，最后我找到了解决方案。

在这里，我留下了一个在 Outlook 电子邮件和 iMac 邮件中为我服务的代码。

要显示表格：

<table rules="all" bordercolor="#4d4c4d" border="1" bgcolor="#FFFFFF" cellpadding="10"  align="center" width="800">
</table >

我希望它为你服务。

Answer 2

这可能不是一个完整的答案，因为我无法访问 Outlook 2010 客户端（请参阅下面的编辑），但这是我的最佳尝试：

据此，displayOutlook 2010 不支持 style 属性：

http://campaignmonitor.cachefly.net/assets/files/css/campaign-monitor-guide-to-css-in-email-jan-2013.pdf?ver=1252

由于<span>是一个内联元素，并且由于display在 Outlook 2010 中不起作用，因此 Outlook 2010 中可能不支持为内联元素提供边框。尝试将其切换为 a div（或者更好，将 border-top 样式放在tr/ td）

例如

 <tr><td colspan="5"><div class="solid" style="width:100%;height:1px;border-top:1px solid #f89d30;"></div></td></tr>

编辑：刚刚在 Outlook 2010 上测试了它，它没有成功。对于 Outlook 来说，一直对我有用的是使用tr高度td为 1px、没有填充或边距/间距以及 1px 清晰像素图像（或&nbsp非常小的字体大小）的 和 。