3

我的 HTML 电子邮件在 Windows Outlook 2007 和 2010 中的图像上有一个垂直的白色 1px。我不知道为什么会这样。到目前为止，这仅发生在 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>
4

3 回答 3

4

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

  • Outlook添加1px border到表格单元格元素。您可以通过对表格单元格使用border-collapse : collapse CSScellpadding="0"属性和cellspacing="0"对table元素使用属性来摆脱它。奇怪的是，这个边框似乎只在右侧，但由于布局td，它可能如此。<img>如果您想查找有关此问题的更多信息，可以点击此链接。

  • 如果您在CSS类中的某个位置设置您的边框border: 0px style color（或根本不设置）（这里的主要部分设置border-width为0px），它将被Outlook忽略，因此您可以通过设置使其完全不显示边框border-style : none. 我想这更接近您的问题，因为我在这里找到了类似的示例图片。

于 2014-06-03T11:29:36.637 回答
0

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

  • 图像尺寸不正确且小于其容器
  • 如果您将图像缩放到其原始大小以外的大小，Outlook 可能会忽略这些属性并继续以原始大小显示它。
  • 如果您尝试使用边距或填充属性
  • 如果您没有使用 table td { border-collapse:collapse } 和 table cellpadding="0" cellspacing="0" 折叠单元格
  • 如果您不制作图像显示：块
  • 如果您错误地忽略了实际图像中的空白（不正确的切片）
  • 如果在此单元格上方或下方的某个位置，您的内容导致表格或单元格的宽度被拉伸得超出应有的范围。

此外，仅从您发布的代码示例中。您应该从单元格中删除 bgcolor，还应该从 img 中删除宽度，但将其保留在单元格上。

于 2014-06-02T22:04:15.327 回答
0

更新小提琴

通常当我遇到这类问题时，我会用一张桌子把我的 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>

这将解决您的问题。

于 2014-06-03T12:51:20.923 回答