0

我可能遗漏了一些明显的东西，但由于某种原因，Outlook.com 覆盖了 P 标签的边距和行高，它方便地将所有图像包裹在其中。有什么解决方案可以删除底部不需要的空间？

<table width="196" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse">
 <tr>
   <td valign="top" align="left" width="196" height="45">
     <table width="196" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse">
        <tr>
          <td style="font-size:0;line-height:0;border-collapse:collapse;border-bottom:1px solid #BBBBBB;padding:0;border-collapse:collapse;background:red;" valign="top" align="left" width="196">
             <a href="" style="font-size:0;line-height:0;" target="_blank">
                <img style="width:137px;height:44px;display:block;" src="" width="137" height="44" alt=""/></a>
           </td>
         </tr>
      </table>
    </td>
  </tr></table>
4

3 回答 3

1

把它放在你的标题样式标签中：

p {margin: 1em 0;}

由于 p 标签是在渲染时插入的，因此您需要在样式标签中覆盖它。

于 2013-06-25T12:32:42.127 回答
0

在 Outlook 中撰写电子邮件很痛苦……我设法通过放置 style="border-collapse:collapse; line-height:0;" 来消除图像之间的额外空间。在 TD 标签中并明确设置所有宽度和高度。别忘了把 style="display:block;" 在您的 IMG 标签中覆盖所有客户。

    <td width="400" height="100" style="border-collapse:collapse;line-height:0;"><img src="myimage.jpg" width="400" height="100" style="display:block; border:0; outline:none; text-decoration:none; -ms-interpolation-mode:bicubic;"></td>
于 2013-12-06T17:11:31.030 回答
0

您必须将以下内容放入头部样式部分：

img {
    line-height:100%;
}

实际上，outlook.com 将其转换为以下内容，但它会起作用！

.ExternalClass img {
    line-height: 100%;
}

我们在 app.edmdesigner.com 上使用这个解决方案来处理图像，而且效果很好。

于 2014-04-22T18:01:33.510 回答