Outlook.com (Hotmail) 段落间距问题
Outlook.com (Hotmail) paragraph spacing issue
好吧,我正在为我工作的公司创建一个 HTML 签名,所以我进行了一些调查并开始使用内联样式和原生 html 属性对其进行编码。我没有使用 Litmus 等测试服务对其进行测试,并且由于预算限制可能不是一个选择。
这是我所做的:
- 使用 MS Outlook 2007 创建空签名
- 使用 Notepad ++ 进行编辑
- 我所有的代码都有内联样式和原生 html 属性,所以没有 css 类
长话短说,一切都很好,但是当我向 outlook.com(hotmail) 发送电子邮件时,我遇到了这个奇怪的间距问题。看起来我的 table(用于布局)中的几乎所有内容都包装在具有这种特殊样式的 p 标签中。例如
//These values are just for reference
line-height:143%;
margin:0 0 1.3pt 0;
为了消除我在测试时遇到的所有错误,我执行了以下步骤:
我已经在本机 html 属性和内联 css 中设置了宽度和高度
二手
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
强制最大HTML/CSS支持
使用了一个已知的间距问题修复程序,但它不起作用
<style>
.ExternalClass p.ecxMsoNormal {
line-height: 100% !important;
margin: 0 0 0 0 !important;
}
</style>
试图在 td 中设置背景,但没有成功解决这个问题,所以我只是制作了一张 1px 宽的图片并将其拉伸到需要的宽度,但高度保持不变以重新显示条纹效果。
我想在页面上拉伸图像,宽度设置为 100%,其容器 td(和 table)也设置为 100%,但它没有用。 Table 和 td 相应地拉伸,但图像凭空接收到 32px 的固定值,所以我也无法弄清楚。
就是这样,我希望你们中的一些人能指出我正确的方向。
这里的罪魁祸首是 MS Outlook(桌面应用程序)。它在将我的 html 电子邮件发送到目的地之前编辑它,并从标题部分删除所有内容,它还添加了自己的样式和一堆其他规则。
将几乎所有内容都包装在
和 标签中,然后发送电子邮件。所有对 标签具有 "noraml" 规则的电子邮件客户端看起来或多或少都不错,但是 outlook.com 对
标签具有愚蠢的格式(如上所述)会使邮件被分解和丑陋。
所以我使用 Mozilla Thunderbird 发送 HTML 电子邮件并解决了我遇到的所有问题。
好吧,我正在为我工作的公司创建一个 HTML 签名,所以我进行了一些调查并开始使用内联样式和原生 html 属性对其进行编码。我没有使用 Litmus 等测试服务对其进行测试,并且由于预算限制可能不是一个选择。
这是我所做的:
- 使用 MS Outlook 2007 创建空签名
- 使用 Notepad ++ 进行编辑
- 我所有的代码都有内联样式和原生 html 属性,所以没有 css 类
长话短说,一切都很好,但是当我向 outlook.com(hotmail) 发送电子邮件时,我遇到了这个奇怪的间距问题。看起来我的 table(用于布局)中的几乎所有内容都包装在具有这种特殊样式的 p 标签中。例如
//These values are just for reference
line-height:143%;
margin:0 0 1.3pt 0;
为了消除我在测试时遇到的所有错误,我执行了以下步骤:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
强制最大HTML/CSS支持
<style>
.ExternalClass p.ecxMsoNormal {
line-height: 100% !important;
margin: 0 0 0 0 !important;
}
</style>
就是这样,我希望你们中的一些人能指出我正确的方向。
这里的罪魁祸首是 MS Outlook(桌面应用程序)。它在将我的 html 电子邮件发送到目的地之前编辑它,并从标题部分删除所有内容,它还添加了自己的样式和一堆其他规则。
将几乎所有内容都包装在
和 标签中,然后发送电子邮件。所有对 标签具有 "noraml" 规则的电子邮件客户端看起来或多或少都不错,但是 outlook.com 对 标签具有愚蠢的格式(如上所述)会使邮件被分解和丑陋。 所以我使用 Mozilla Thunderbird 发送 HTML 电子邮件并解决了我遇到的所有问题。