开发邮件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