1

我正在尝试为我们的慈善机构设计一些新的 html 电子邮件签名，这些签名将在 Outlook 中使用 - 但是由于某种原因，在将签名添加到 Outlook 时，构成签名的两个底部图像之间出现了一条 1px 的白线，当你打开它时很好，例如。Safari / 铬。任何人都可以帮忙吗？

谢谢

<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>

4

1 回答 1

2

尝试使用空格

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

例如，这个修复对我有用......

A. FAIL：底部可能会出现一条奇怪的 1px 线：

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

B. PASS：没有奇怪的线路：

... my link</a>&nbsp;</td>

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

&nbsp;附带说明一下，使用一个主要的测试平台，所有其他电子邮件客户端（+40 正在测试）似乎对额外的地方没有问题。

于 2019-09-12T03:49:11.317 回答