我正在使用 MailChimp 写一封新闻信，在移动视图中图像下方有一个空格

Question

我正在 mailchimp 中制作新闻通讯，但图像下方有空白问题。我在桌面模式下修复了它，但在移动模式下该空间仍然存在，如果我仅限于 html 文本框，我该如何摆脱它。

这是代码：

<p style="text-align: center;"><img src="imagine there's a link here" alt="crane image" style="vertical-align: bottom;" width="100%" height="100%"></p>

我也尝试过absbottom，但不幸的是它不起作用。

Answer 1

您是否尝试过将图像上的边距和填充设置为0，如果没有也尝试在图像样式上显示：块。显示更改为块使图像完全占据容器，有望消除其周围的白色边距。

<p style="text-align: center;"><img src="imagine there's a link here" alt="crane image" style="vertical-align: bottom; margin: 0; padding: 0; display: block;" width="100%" height="100%"></p>

先尝试不显示：阻止，看看是否有效。