Mailchimp RSS邮件图片上下间距调整问题求助

我来帮你拆解这两个Mailchimp RSS邮件里的常见问题：

一、调整图片与标题、摘要的间距问题 #

邮件客户端对CSS的支持很挑剔，你遇到的间距问题主要是inline元素默认样式和margin控制不当导致的，直接给你调整后的可复用代码：

*|RSSITEMS:|*
<h2 class="mc-toc-title" style="font-family:Arial, Helvetica, sans-serif; margin: 0 0 8px 0; padding: 0; line-height: 1.3;">*|RSSITEM:TITLE|*</h2>
<img src="*|RSSITEM:IMAGE|*" style="display: block; margin: 0 0 12px 0; width: 100%; max-width: 600px; height: auto;" alt="*|RSSITEM:TITLE|*">
<p style="font-family:Arial, Helvetica, sans-serif; margin: 0; padding: 0; line-height: 1.5;">*|RSSITEM:SUMMARY|*</p>
*|END:RSSITEMS|*

关键优化点： #

• 给<h2>设置margin-bottom:8px（数值可按需调整），精准压缩标题到图片的冗余间距
• 给图片添加display:block，彻底消除inline元素默认的基线对齐空隙
• 给图片设置margin-bottom:12px，让图片和摘要之间产生清晰的留白
• 补充width:100%; max-width:600px; height:auto，确保图片在不同设备上自适应，不会撑爆邮件容器

二、邮件预览不显示图片的问题 #

Mailchimp的内置预览是模拟真实邮箱的默认行为（大部分邮箱会默认屏蔽外部图片），所以测试邮件才是最准确的判断依据，但也有几个小技巧优化预览体验：

• 进入预览界面后，找到右上角的「显示图片」按钮，手动开启图片加载
• 检查RSS源里的图片链接是否为绝对路径（比如https://xxx.com/image.jpg，而非/image.jpg），相对路径Mailchimp无法拉取
• 确认RSS模块设置：点击编辑界面的RSS内容块，进入设置面板，确保勾选「包含RSS项目图片」选项

如果测试邮件能正常显示图片，说明配置没问题，预览不显示只是模拟了邮箱的默认状态而已。

内容的提问来源于stack exchange，提问作者user3132633