Question

我正为我们的慈善机构设计一些新的html电子邮件签名，这些签名将在Outlook中使用-但是由于某些原因，在添加签名的两个底部图像之间出现了1px的白线到Outlook，只需在例如上打开它就可以了。 Safari / Chrome。有人可以帮忙吗？

谢谢

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style media="screen" type="text/css">
	td {line-height:0; font-size: 0.0em; }
	img { display: block; float: left; padding: 0; align: absbottom; align: texttop; }
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="649" height="200" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td rowspan="3">
			<div style="height:200px">
				<img src="https://i.ibb.co/hfgS2Y0/Idea-1-01.jpg" width="492" height="200" alt=""></td>
		<td>
			<a href="http://www.ygam.org"><img src="https://i.ibb.co/4V8fjdf/Idea-1-02.jpg" alt="Idea-1-02" width="42" height="44" alt=""></a></td>
		<td>
			<a href="https://www.linkedin.com/company/young-gamblers-education-trust/about/"><img src="https://i.ibb.co/xsv5cFM/Idea-1-03.jpg" width="36" height="44" alt=""></a></td>
		<td>
			<a href="https://www.facebook.com/YGAMuk/"><img src="https://i.ibb.co/tqN4kc1/Idea-1-04.jpg" width="34" height="44" alt=""></a></td>
		<td>
			<a href="https://twitter.com/YGAMuk"><img src="https://i.ibb.co/wyr3QB8/Idea-1-05.jpg" width="45" height="44" alt=""></a></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="https://i.ibb.co/3TsGJC2/Idea-1-06.jpg" width="157" height="56" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<a href="http://www.ygam.org"><img src="https://i.ibb.co/BT6MZ7N/Idea-1-07.jpg" width="157" height="100" alt=""></a></td>
	</tr>
</table>
</body>
</html>

Answer 1

尝试使用空格

在某些特定版本的Outlook中（我会想到2016年和2019年），每当元素上出现一个奇怪的1px边框时，请尝试在相关父项关闭{{之前，使用 添加一个空格1}}。显然，这是假设您尚未在其他地方设置边框（通过表格道具或CSS）。

例如，此修复程序对我有用...

A。失败：底部可能会出现一条奇怪的1px线：

</td>

B。通过：没有奇怪的行：

... my link</a></td>

这与某些版本的Outlook如何处理代码中的空白有关。在上面的原始代码（示例A）中，显然... my link</a> </td>和</a>之间没有直接的空格，因此我怀疑问题超出了封闭的</td>，结构和/或周围代码的空白很重要。如果是这种情况，那么使用td（示例B）只是一种快速解决方案，而不是重新构造代码。或者，通过预处理器优化（压缩）代码，然后看看会发生什么。

顺便说一句，使用一个主要的测试平台，所有其他电子邮件客户端（正在测试+40个）似乎都没问题，多余的 就位。

前景中的白线

1 个答案: