Outlook 2010中HTML电子邮件中图像下的一个像素空间

iqxoj9l9 于 2023-04-04 发布在其他

关注(0)|答案(7)|浏览(201)

我知道这是一种被问到所有的时间问题，但我已经通过每一个答案，我可以找到，没有解决这个问题.问题是，outlook 2010添加了一个像素的差距下（或以上）每个图像内的表格单元格.（无论是下面还是上面取决于你是否使用valign=“top”或valign=“bottom”）.设置显示：#21453;，似乎没有帮助。
如果你在Windows 7上的Outlook 2010中看一下这个例子，你会在Google徽标下看到一条红线。我所做的一切都不会删除这条线。

<table width="275" height="95" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;" bgcolor="red">
    <tr>
        <td width="275" height="95" align="left" valign="bottom" style="font-size:0; line-height: 0; border-collapse: collapse;">
            <img src="https://www.google.co.uk/images/srpr/logo3w.png" border="0" style="display: block; vertical-align: top;"></td>
    </tr>
</table>

我得出的结论是不可能去掉这条线。有谁愿意证明我错了吗？

Html

来源：https://stackoverflow.com/questions/12091492/one-pixel-space-under-image-in-html-email-in-outlook-2010

7条答案

按热度按时间

7lrncoxx1#

请尝试此操作并恢复

<img src="https://www.google.co.uk/images/srpr/logo3w.png" border="0" style="display: block;" align="top">

赞(0）回复(0）举报 2023-04-04

xfyts7mz2#

试试这个-看！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<table width="275" height="95" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;" bgcolor="red;">
<tr>
<td width="275" height="95" align="left" valign="bottom" style="font-size:0; line-height: 0; border-collapse: collapse;"><img src="https://www.google.co.uk/images/srpr/logo3w.png" border="0" style="display: block; vertical-align: top;"></td>
</tr>
</table>

</body>
</html>

赞(0）回复(0）举报 2023-04-04

tez616oj3#

即使我有同样的问题，但我解决了这个问题，插入图像在div，p标签和覆盖外部的CSS这是由邮件客户端生成的。

<td colspan="3">
        <div class="override" style="height: 201px !important;">
        <p style="height: 201px !important; ">
            <img src="images/path" width="800" height="201" alt="">
        </p>
        </div>
</td>

<style type="text/css">
p {margin-bottom: 0;}
.ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td {
line-height: 0%;
}
p, .override{
font-size:0pt ;
line-height:0px;
}
</style>

希望这对任何人都有帮助。一切顺利。

赞(0）回复(0）举报 2023-04-04

8hhllhi24#

嘿，我知道这是一个旧的线程，但我只是有这个问题，实际上设法解决它在一个奇怪的方式。在我的情况下，我有一个1像素的差距出现在我的图像下面。我从表结构中删除的图像，然后设置的html高度是一个像素小于图像的实际高度。下面是确切的代码（图像src编辑），我在我的电子邮件中使用。

</table>

    <img src='http://img1.jpg' height='400' width='552' alt='' border='0' style='display:block;align:bottom;border:none;margin:0;padding:0;height:401px;' />

<table border='0' style='padding:0;margin:0;border-collapse:collapse;' cellpadding="0" cellspacing="0">

不知何故，这解决了它。我不确定是否实际上从表结构中删除图像是必要的。

赞(0）回复(0）举报 2023-04-04

fcg9iug35#

有一个技巧对我很有效添加align=“absbottom texttop“到img和line-height：10 px（或更小）到 Package 图像的td

赞(0）回复(0）举报 2023-04-04

a0x5cqrl6#

删除align="left"（或"right"）。

赞(0）回复(0）举报 2023-04-04

s5a0g9ez7#

将align=“left”添加到图像标签本身，如下所示：

<img src="https://www.google.co.uk/images/srpr/logo3w.png" border="0" align="left" style="display: block; vertical-align: top;" >

赞(0）回复(0）举报 2023-04-04

我来回答

Outlook 2010中HTML电子邮件中图像下的一个像素空间

7条答案

相关问题

热门标签

最新问答