outlook邮件中样式问题

目前要做一个定时发送邮件的功能,邮件的大致内容布局如下:

HTML中

在QQ邮件中,可以进行正常显示。

在outlook网页版,也可以正常显示,

outlook客户端

但是到了客户端就会出现很多很神奇的问题,基本样式全丢,浮动不支持,定位不支持,所以很多样式都乱了,后来百度一下才知道OUTLOOK是按照word的方式解析的,很多样式,标签都不支持,不支持内部样式表,所以只能写内联,等等兼容问题,这里记录一下:

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

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

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

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

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

3.border问题

给每一个td添加边框

<td style="border: 1px solid #919191!important;"></td>

 再通过border-collapse:collapse对边框进行合并

<table cellpadding="0" cellspacing="0" style=" border-collapse:collapse;">

4.margin,padding问题

在outlook的客户端,table上下的margin 会失效,这里参考网上使用hspacevspace,但是并没有效果,所以我采用了比较low的方式,填补了空元素来完成间隔

关于padding会自动添加,这里我为每一个td进行了样式清空 padding为0的方法来解决

5.line-height问题

mso-line-height-rule:exactly是微软的CSS属性,对其他无效,作用于块级元素
<td style="mso-line-height-rule:exactly; line-height:33px;">

6.浮动问题

左右浮动可以使用align="left"/"right"来实现

首先为大盒子定一个width,然后设置align="center",里面的img 注意不要设置align="right" 就可以实现图片在width中 右浮动

7.colspan,rowspan实现问题

这个我测试了依稀,在outlook客户端是可以被识别的,所以可以继续使用该属性

8.图片问题 注意使用线上绝对路径的src值,防止图片找不到

9.对于字体居中问题

要使每一个td里面的数据都居中对齐,需要结合使用

 <td align="center" style="text-align:center;">0</td>

有的不继承table中的字体居中属性,所以只能一个个设置

10.背景色问题

我曾经在网页中使用灰色作为背景,table为白色,来突出,到了客户端则全屏变为灰色,这里只要将bgcolor="#fff" 改成白色就可以了

这里放一个相关outlook内置html的较为详细的介绍链接,方便以后查看

目前先总结这么多 以后继续完善

时间: 2024-08-28 00:57:50

outlook邮件中样式问题的相关文章

outlook邮件中超链接无法打开

故障现象:win7ProSP1中文版, outlook2013中文版,发现邮件中的超链接无法打开,提示被公司策略限制而无法打开"Your organization's policies preventing us from completing this action for you. For more infomation, please contact your system administrator." 解决办法: 运行regedit, 定位到hkey_local_machin

邮件中的样式问题

应客户要求,要在邮件里添加一个div,由于内容的不确定性,想要确定高度,因此想给这个div一个scroll的属性,弄了好久也没弄好,一直不清楚原理是什么, 经同事提醒,才想到去查一下outlook 对css样式的支持,才发现,outlook是不支持的,因为其渲染模式不同的问题, 详细内容可参阅 此 url http://msdn.microsoft.com/en-us/ch/library/aa338201%28v=office.12%29.aspx#Word2007MailHTMLandCSS

桌面支持--outlook邮件内链接打不开解决办法

20140323第一步:点击电脑左下角的"开始" ,在运行或搜索栏中输入 "regedit",点击回车键第二步:弹出"注册表编辑器",找到如下的路径:[HKEY_CURRENT_USER \Software \classes \.html]注意:如果没有这个键值,就新建个".html"右键单击右边空白处的"Default",选择"修改"出现"编辑字符串"界面,在&qu

如何在邮件中嵌入图片,而非上传在附件

刚接触OutLook使用公司的邮箱发邮件.问题来了,每次从本地目录 Ctrl+c 拷贝一个图片Ctrl+v到邮件正文,这个图片都会到了附件栏上.如下图: 产生这样的原因是因为直接复制的图片就是一个文档,只能保存到附件上. 要达到自己想要的结果,有两种方式可以把图片直接放到邮件正文上: 使用QQ截图打钩后,Ctrl+v能把截图的图片放在邮件正文上. 开一个空白word文档,把你要的图片使用CV大法(复制.粘贴)到word文档中,再选中word文档中的目标图片,CV大法到邮件正文上,这样的图片就不会

通过代码在邮件中嵌入图片

在一个开发需求中需要将一张图片嵌入邮件中并发送出去. 正常的邮件发送代码(c#)如下: MailMessage mail = new MailMessage(from, to, subject, emailBody); 如果需要邮件支持Html,需要将IsBodyHtml设置成true:mail.IsBodyHtml = true; 1.第一个想到的方式是在emailBody中添加<img scr="">标签,但如果收到邮件的用户无法访问scr中的资源链接,将会导致图片无法

Exchange企业实战技巧:邮件中使用数字签名和邮件加密功能

SMTP最初是为了在封闭的网络中传送相对来说不太重要的简短邮件,因此SMTP传输邮件时,安全性不高.自从安全.多用途INTERNET邮件扩展(S/MIME)成为增强SMTP电子邮件安全功能的标准,使得实现邮件的安全性.可靠性成为可能.S/MIME通过加密来保护电子邮件的内容,使用数字签名来验证电子邮件发件人的身份. S/MIME主要提供两种安全的服务:数字签名.邮件加密 数字签名像是具有法律意义的传统签名的数字形式,提供的安全功能包括有: 1.身份验证 2.认可性 3.数据完整性 邮件加密提供了

exchange:在此邮件中发现病毒,此邮件已被删除。有关详细信息,请与组织的技术支持联系。

Exchange 2007 OWA上添加附件就显示  在此邮件中发现病毒,此邮件已被删除.有关详细信息,请与组织的技术支持联系.用outlook等MAIL客户端接收发送都没有问题,只有在OWA上有这个问题. 错误提示: ExceptionException type: Microsoft.Exchange.Data.Storage.VirusMessageDeletedExceptionException message: Could not get properties. 可用以下方法解决:

如何更改outlook邮件附件的默认保存地址

outlook附件默认的保存地址是"我的文档",而我习惯将我邮件的附件保存在桌面上,每次保存时都得多点一下鼠标,为了提高工作效率,通过上网搜索和自己摸索,找到了更改outlook邮件附件的默认保存地址的办法,总结如下. 1.单击"开始",然后单击"运行". 2.在"打开"框中,键入 regedit,然后按 Enter 键. 3.在注册表编辑器中,找到注册表中的以下子项: HKEY_CURRENT USER\Software\M

电脑问题--20140323 outlook邮件内链接打不开解决办法

·   点击左下角的"开始",在运行或搜索栏中输入"regedit",点击回车键 ·  3 弹出"注册表编辑器",找到如下的路径: [HKEY_CURRENT_USER \Software \classes \.html] 注意:如果没有这个键值,就新建个".html" ·  4 右键单击右边空白处的"Default",选择"修改" ·  5 出现"编辑字符串"界面,