Outlook没有对齐2个图像，但其他浏览器是

问题描述

我正在尝试制作一个html电子邮件，它适用于除outlook以外的所有浏览器。

I am trying to make a html email, it works in all browsers except outlook.

我在表格中创建了两行，每行都有一个图像，但图像之间有一个空白区域。

I have created two rows on a table, with each row has an image, but there is a white space showing between the image.

 <td colspan="2"><img style="display:block" src="images/greenTop02.gif" width="595" height="8" /></td>

完整的html代码：

Full html code : http://jsfiddle.net/eNKxp/2/

推荐答案

试试这个条件CSS：

Try this conditional CSS:

<!--[if gte mso 9]>
<style type="text/css">
table {
mso-table-lspace:0 !important;
mso-table-rspace:0 !important;
}
table td {
border-collapse:collapse !important;
border:none !important;
mso-border-alt:0 !important;
}
</style>
<![endif]-->

<!--[if gte mso 15]>
<style type="text/css">
table {
font-size:1px;
mso-line-height-alt:0;
line-height:0;
mso-margin-top-alt:1px;
}
</style>
<![endif]-->

这篇关于Outlook没有对齐2个图像，但其他浏览器是的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！