HTML 电子邮件 样式问题

Question

我在电子邮件客户端还原我的样式 <hr/> 时遇到问题到只有一条实线的。

以下是我的标记，在 Chrome 和 IE 中看起来不错，但 Outlook 总是将虚线恢复为实线。

<hr style="background:none; border:dotted 1px #999999; border-width:1px 0 0 0; height:0; width:100%; margin:0px 0px 0px 0px; padding-top:10px;padding-bottom:10px;" ></hr>

我看过 Campaign Monitor，但没有什么特别的东西可以指导我。

感谢所有回答。

Answer 1

我想这是因为 outlook 使用 Microsoft word 渲染引擎，而不是 HTML 引擎，并且 hr 标签会像在 msword 中那样恢复为实线。

我可能会尝试使用全宽 table->cell 或 div 和样式，而不是使用 hr 标签。

<table>
<tr>
<td style="background:none; border:dotted 1px #999999; border-width:1px 0 0 0; height:1px; width:100%; margin:0px 0px 0px 0px; padding-top:10px;padding-bottom:10px;">&nbsp;</td>
</tr>
</table>

nbsp 在那里以防渲染引擎无法识别空单元格。