Html电子邮件造型问题

前端之家收集整理的这篇文章主要介绍了Html电子邮件造型问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个电子邮件客户端的问题恢复我的风格< 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>

我看过运动监视器,但没有什么特别的指导我在那里.

所有答案赞赏

解决方法

我会想象这是因为outlook使用Microsoft字渲染引擎,而不是一个HTML引擎,而一个hr标签将被恢复为一个实线,如在msword.

我可能会尝试使用全宽表格>单元格或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>

在这种情况下,渲染引擎不能识别空单元格.

原文链接:https://www.f2er.com/html/230092.html

猜你在找的HTML相关文章