Windows Outlook 07＆＃39;中的图像垂直1像素10＆＃39; HTML电子邮件

Question

我在Windows Outlook 2007中的图像上有一个垂直白色1px＆amp; 2010年我的HTML电子邮件。 我不知道为什么会这样。这种情况只发生在windows outlook中，远远超出了我所见过的情况。而不是任何其他客户。

下载一张照片

<tr>
    <td id="header" class="w640" width="640" align="center" bgcolor="#FFFFFF">
        <img editable label='header image' src="images/header.gif" class="header" width="640">
    </td>
</tr>

Answer 1

在google搜索时，我在 Outlook 中遇到了这种边框行为的两个可能原因：

• Outlook 将1px border添加到表格单元格元素中。您可以使用border-collapse : collapse CSS 属性为表格单元格，cellpadding="0"和cellspacing="0"属性添加到table元素。奇怪的是，此边框似乎仅位于td的右侧，但由于<img>布局，可能是这样。 如果您想查找有关此问题的更多信息，可以按照此link。

进行操作

• 如果您在 CSS 类中的某个地方设置了border: 0px style color（或根本没有设置）的边框（此处的主要部分是设置border-width 0px ） Outlook 会忽略它，因此您可以通过设置border-style : none使其不显示边框。我想这更接近你的问题，因为我发现了类似的样本图片here。

Answer 2

这个额外的空间可能是由许多事情引起的：

• 图像尺寸不正确且小于其容器
• 如果您将图片缩放到原始尺寸以外的尺寸，Outlook可能会忽略这些属性并继续以原始尺寸显示。
• 如果您尝试使用保证金或填充属性
• 如果您没有使用表td {border-collapse：collapse}和table cellpadding =“0”cellspacing =“0”崩溃您的单元格
• 如果您不进行图像显示：阻止
• 如果你错误地忽略了实际图像中的空间（不正确的切片），那么
• 如果，在此单元格之上或之下的某处，您有内容导致表格或单元格宽度进一步拉伸。

另外，只需从您发布的代码示例中删除..您应该从单元格中删除bgcolor，并且还应该从img中删除宽度，但将其留在单元格上。

Answer 3

更新了 Fiddle

通常当我遇到这类问题时，我用一张桌子包裹我的td。下面是您拥有图像的部分标记。

    <td>
       <table width="640" border="0" style="width:640px;border-collapse:collapse;padding:0;margin:0;">
           <tr>
             <td>
               <img editable label='header image' src="http://t0.gstatic.com/images?q=tbn:ANd9GcTDhTODtu4yyVkbK7GUbFKctbR8Rgry7BRXnaC9Ztgls1vEVqsV" class="header" width="640" >
              </td>
           </tr>
      </table>
</td>

这将解决您的问题。