【发布时间】:2023-04-04 17:16:01
【问题描述】:
我正在尝试为客户整理一封 html 电子邮件。我已经习惯了 XHTMl/CSS,所以它被证明是一种完全的痛苦,因为我相信老学校的桌子是正确的方法。我已经使用 Photoshop 切片工具切碎了我的图像。使用 Dreamweaver 导出和添加链接。在浏览器和 Outllok 中一切正常,但 webmail 行之间有随机间隙。代码看起来不错,所以没有任何意义!
【问题讨论】:
我正在尝试为客户整理一封 html 电子邮件。我已经习惯了 XHTMl/CSS,所以它被证明是一种完全的痛苦,因为我相信老学校的桌子是正确的方法。我已经使用 Photoshop 切片工具切碎了我的图像。使用 Dreamweaver 导出和添加链接。在浏览器和 Outllok 中一切正常,但 webmail 行之间有随机间隙。代码看起来不错,所以没有任何意义!
【问题讨论】:
您的 CSS 样式与网络邮件的 CSS 样式冲突。这是一个丑陋的 hack,但对于 HTML 电子邮件,使用内联样式可以让您覆盖大部分样式,并获得一个看起来像样的消息。例如,像这样:
<div style="margin:0;padding:0;border:0">Lorem ipsum dolor sit amet...</div>
(当然,我总是在顶部添加一个链接“看起来不对?点击这里查看”,链接到与您的消息内容相同的网页)
【讨论】:
终于解决了这个问题——所有图片都需要有 display:block 和 border:0 才能清除间隙!!
【讨论】: