Question

我在搜索了很多论坛问题之前和之后，我的电子邮件图像之间存在白色间隙这个问题我最终找到了一个解决方案，因为事实证明不再是我的沮丧了，问题是回。

我添加了display：block;对我的所有图像和边界崩溃：崩溃; border-spacing：0;和填充：0;到我的桌子其他论坛建议。

两周前我发送了同样的电子邮件，上面添加了相同的电子邮件，但它没有任何空格。在今天再次尝试测试之后，当我在Outlook和Gmail中查看我的电子邮件时，我的图像之间的白色间隙又回来了，但在iPad或我的网站上查看时却没有。同样在jsfiddle它看起来很好。

我绝不是这方面的专家，但为了挽救我的理智，我将非常感谢任何有关为什么会这种情况发生的见解！

<p style="text-align: left;">Never miss an email by adding info@creativeoutreach.com to your address book!&nbsp;If this email is not displaying correctly, please <a title="Click here for images" href="http://creativeoutreach.com/newsletters/show/Deeper-Wk-1" target="_blank">click here</a>.</p>
<style><!--
table { border-collapse: collapse; border-spacing: 0; }
td,th {padding: 0}
--></style>
<table id="Table_01" border="0">
<tbody>
<tr>
<td colspan="10"><img style="display: block;" title="" alt="" src="https://photos.osmek.com/126649.o.png" height="783" width="800" /></td>
</tr>
<tr>
<td rowspan="2"><a href="https://maps.google.com/maps?ie=UTF-8&amp;q=creative+outreach+ministries&amp;fb=1&amp;gl=us&amp;hq=creative+outreach+ministries&amp;hnear=0x8640b8b4488d8501:0xca0d02def365053b,Houston,+TX&amp;cid=0,0,5200096206319274721&amp;ei=KVRRUMCoIqK02gXOwYHwAg&amp;ved=0CJoBEPwSMAA" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126394.o" height="111" width="87" /></a></td>
<td rowspan="2"><a href="http://creativeoutreach.com/events/show/I2L-Series" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126395.o" height="111" width="82" /></a></td>
<td rowspan="2"><a href="http://creativeoutreach.com/contact" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126396.o" height="111" width="81" /></a></td>
<td rowspan="2"><a href="http://creativeoutreach.com/donate" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126397.o" height="111" width="81" /></a></td>
<td rowspan="2"><img style="display: block;" alt="" src="http://photos.osmek.com/get/126398.o" height="111" width="198" /></td>
<td><a onmouseover="window.status='Facebook';  return true;" onmouseout="window.status='';  return true;" href="https://www.facebook.com/CreativeOutreachMinistries" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126399.o" height="63" width="59" /></a></td>
<td><a onmouseover="window.status='Twitter';  return true;" onmouseout="window.status='';  return true;" href="http://twitter.com/#!/CO_Ministries" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126400.o" height="63" width="50" /></a></td>
<td><a onmouseover="window.status='LinkedIn';  return true;" onmouseout="window.status='';  return true;" href="http://www.linkedin.com/company/creative-outreach-ministries" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126401.o" height="63" width="50" /></a></td>
<td><a onmouseover="window.status='YouTube';  return true;" onmouseout="window.status='';  return true;" href="http://www.youtube.com/user/COMinistriesTX" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126402.o" height="63" width="50" /></a></td>
<td><a onmouseover="window.status='Pinterest';  return true;" onmouseout="window.status='';  return true;" href="http://pinterest.com/coministries/" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126403.o" height="63" width="62" /></a></td>
</tr>
<tr>
<td colspan="5"><a onmouseover="window.status='Homepage';  return true;" onmouseout="window.status='';  return true;" href="http://creativeoutreach.com/" target="_blank"> <img style="display: block;" alt="" src="http://photos.osmek.com/get/126404.o" height="48" width="271" /></a></td>
</tr>
</tbody>
</table>
<p>Insight to Life is a Creative Outreach ministry. Each faith-based class will teach about solutions to daily living and will provide an avenue to connect with others and become a part of the Creative Outreach family!</p>
<p><a title="Insight to Life" href="http://creativeoutreach.com/ministries/show/Insight-To-Life" target="_blank"><img alt="" src="http://photos.osmek.com/get/74999.thumb.png" height="46" width="180" /></a></p>
<p style="text-align: left;">Confidentiality Note: The information contained in this message, and any attachments, may contain confidential and/or privileged material. It is intended solely for the person or entity to which it is addressed. Any review, retransmission, dissemination, or taking of any action in reliance upon this information by persons&nbsp;or entities other than the intended recipient is prohibited. If you received this in error, please contact the sender and delete the material from all computers.</p>

谢谢你！

Answer 1

更改

<table id="Table_01" border="0">

到

<table id="Table_01" border="0" cellspacing="0" cellpadding="0">

BTW Gmail剥离了嵌入式CSS（即<style>标签），因此请确保样式尽可能内联（除了对响应式电子邮件进行媒体查询）。

无法摆脱电子邮件中图像之间的额外空白区域

1 个答案: