我的 html 电子邮件中有以下代码。它位于表字段中:
<span class=solid style="width:100%;height:5px;border-top:1px solid #f89d30;display:inline-block;"></span>
现在,这条“橙色线”在发送到 Thunderbird 时确实显示在 html 电子邮件中,但使用 Outlook 2010 的收件人看不到该线。
是的,我知道还有另一个关于此的线程,但我尝试了该解决方案(我看到的唯一区别是我有 display: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>
</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 </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> </td>
<td colspan=2>[checkout]</td></tr></table>
原文由 Malachi 发布,翻译遵循 CC BY-SA 4.0 许可协议
当表格未出现在电子邮件中时。
我花了很多时间研究,最后找到了解决方案。
在这里,我留下了一个在 Outlook 电子邮件和 iMac 邮件中为我服务的代码。
显示表格:
我希望它能为你服务。