书写html格式邮件的一些问题总结

新入csdn的新人一枚,最近公司接了一份长期发送html格式的邮件的项目,所以想着把编码过程中遇到的一些问题记录下来。

对于邮件以html文档作为邮件内容发送时,代码编辑时所遇到的一些需注意的问题。
1、利用table+css布局,css为行内样式,邮件主体布局不可使用position定位及float浮动,会导致邮件不能兼容各邮箱,且css样式代码量尽可能的越少越好,最好不写入一些复杂样式。
2、background属性不能兼容outlook邮箱,且在其他邮箱元素布局也会混乱。
3、对于一些图片为主的邮件,由于不能使用position样式,所以处理图片的方式我选择了按块切图然后拼接,版面设计上,文字尽可能的处于单独空白区域,尽量避免与图片的交叉,文字的位置选择插入空白表格作占位符来调整。

一些需要注意的点:
a. 邮件不支持css外联及js,也不要写在head里的style
b. 邮件使用table+标签属性布局,尽量少用css行内样式
c. td标签里的文字最好使用span标签包住
d. 不能用浮动,定位的方式进行页面布局
e. Background属性不能用,不兼容outlook
f. 页面布局采用空白行/空白列来控制
有个未能完美解决的问题:
图片的拼接处,会有一条缝隙,浏览器渲染的时候,有的会显露,有些则不会。希望有大神看到帮忙解答疑惑,箭头指的位置。红色箭头指的位置,有条白线

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值