LQ博客 www.lqblogs.com
arrows
nav

Outlook中html邮件踩坑笔记

作者:LQ 来源:原创 发布时间:2021-11-20 浏览量:2101 评论:0 点赞:0

1、Outlook不能以常用的div标签来布局,必须以原始的表格(table)布局来实现。


2、css样式这块,最好使用内嵌样式,不仅能精准定位,还可以避免不同端邮件兼容问题。


3、使用表格(table)布局时,直接在表格标签设置宽度(width)

<table width="900" border="0" bgcolor="#FFFFFF" cellspacing="0" cellpadding="0" align="center" style="width: 900px; margin: 0 auto; text-align: center; background-color: #ffffff;">


4、表格里的单元格(td, th),尽量不要设置宽度(width),通过内边距(padding)来控制间距,否则可能会出现变宽或变窄等问题。

<td style="padding: 0 20px;"></td>


5、当针对Outlook某些问题束手无策的时候,可以参考Outlook本身推送的一些广告或欢迎类的邮件做参考。通过对比可以得出相应的解决方案。


补充:

6、表格(table)设置样式属性display=block时,会对单元格(td, th)设置宽度有影响。


table Outlook html
如果你感觉本文章对你有帮助的话,那就点赞、打赏或订阅一下吧
点赞(0)
打赏
倒踩(0)
关闭 感谢您的支持,我会继续努力
微信支付
支付宝支付
扫码打赏,建议金额1-20元
浏览量(2101)
讨论本篇文章(0)
发表评论

最多访问文章

最新文章