开发邮件html的几个注意点

开发完成邮件模板后,在本地显示的正常,大部分邮箱也正常,但是到了outlook客户端就会出现很多很神奇的问题,基本样式全丢,浮动不支持,定位不支持,所以很多样式都乱了,后来百度一下才知道OUTLOOK是按照word的方式解析的,很多样式,标签都不支持,不支持内部样式表,所以只能写内联,等等兼容问题,这里记录一下:

首先outlook支持传统的table 布局,不支持浮动,定位布局。所以写的时候就要注意这一点。

1.内部样式表,外联样式表,JS不支持

这里写样式的话,只能写内联

2.table样式初始化,将内部边距合并

和普通浏览器一样都是为table 本身添加cellpadding="0" cellspacing="0"属性

所以注意:开发邮件模板必须使用table布局,严格按照table中的布局方式,列的对齐要套在td中,控制td。

对于上下边距,尽量不要设置td中嵌套的标签的内边距,如果有两个td并列,padding上下不一致则会导致两个td高度不一,此时应设置td的高度与垂直valign对齐方式。

 当padding失效时可以使用border

https://segmentfault.com/a/1190000008864116

原文地址:https://www.cnblogs.com/sunala/p/10021654.html