<hr> 标记在 outlook 2013 的电子邮件模板中不起作用

Question

我开发了一个电子邮件模板。除了 Outlook 2013 中的 hr 标记外，我的电子邮件模板中的一切都运行良好。

我附上了图片

我得到的结果：

我想要的结果：

请帮我提供合适的代码。

Answer 1

电子邮件客户端不一致地支持 <hr>。使用 <table> 标签在电子邮件中做水平线更容易，像这样：

 <table cellspacing="0" cellpadding="0" border="0" align="center" width="100%" style="background:black; height:1px;>
      <tr>
           <td style="font-size:0; line-height:0;">
                &nbsp;
           </td>
      </tr>
 </table>

简单 <hr> 的代码似乎很多，但使用 <table>s 可以获得最佳的电子邮件客户端覆盖率。

Answer 2

在电子邮件客户端中使用 <hr> 的替代方法如下，它会产生类似的效果，即细水平线：

<div style="background: #d9d9d9; font-size: 1px; line-height: 1px;">&nbsp;</div>

已验证这可以在 Outlook 2016 中正确呈现，但在 2013 中也应该可以使用。

<hr> 标记在 outlook 2013 的电子邮件模板中不起作用

<hr> tag not working in email template for outlook 2013

email

outlook

newsletter