CSS Outlook 图像问题答案

【问题标题】：CSS outlook images issuesCSS Outlook 图像问题
【发布时间】：2017-10-27 08:55:04
【问题描述】：

我的问题是，在桌子上的图像 tr img 上有一个填充，我似乎无法将其宽度拉伸 100% 并且高度 100% 没有填充没有边距。

此问题仅发生在 Outlook 上，我在其上添加了一些 css，如 hspace 和 vspace 为 0，填充 0 和边距 0，还尝试显示块和对齐，它似乎不起作用。

有什么想法吗？并添加height="100%" 或style="height:100%" 它仍然有填充和边距。这是 jsfiddle 链接http://jsfiddle.net/jqueryloper/79e0kvet。

【问题讨论】：

您可以创建一个JS Fiddle 示例吗？这样我们就可以更好地了解所使用的 HTML / CSS。
如果你能分享到目前为止你尝试过的任何东西会很好。
这是我的 jsfiddle 对不起各位 jsfiddle.net/jqueryloper/79e0kvet
请按照规则将您的minimal reproducible example 放在问题本身中，而不是链接到 JSFiddle。这有助于防止链接失效并在尝试调试时节省时间。

标签： html css outlook

【解决方案1】：

我会尝试将图像添加为表格单元格的背景，因此，将 id “imageInside”分配给：

#imageInside {
  background: #00ff00 url("....") no-repeat fixed; 
}

我为你设置了一个 feedle，当然它应该在 Outlook 中进行测试，但它应该可以工作。 http://jsfiddle.net/7eob1syL/

【讨论】：

感谢@holden，但 css 背景在 Outlook 上不起作用，我很抱歉
你可以将CSS端VML结合到你的邮件中，看看：backgrounds.cm
抱歉，但是当我添加背景时它仍然不起作用厘米它会出现在身体背景图像上，我似乎无法将它包含在 td 背景图像下，我很抱歉

【解决方案2】：

如果在图片中添加 align="left" 会怎样

<img width="100%" height="215" align="left" class="CToWUd" style="margin:0px" cellpadding="0" cellspacing="0" src="https://ichef-1.bbci.co.uk/news/976/media/images/83351000/jpg/_83351965_explorer273lincolnshirewoldssouthpicturebynicholassilkstone.jpg" alt="">

这对你有帮助吗？

【讨论】：

嗨，西尼萨，我添加了左对齐，但抱歉，前景仍然无法正常工作，我深表歉意
嗨玛丽，完全不用担心 :) 我不记得它是否会起作用，但尝试添加 display: inline-block 或者 display: inline-table