Question

我经常访问我的HTML问题的答案，但这个让我难过。我已经在Litmus中测试了电子邮件的后退和转发，并且它看起来很棒，但我有一位同事说她在个人Gmail（使用Chrome）中收到的副本在切片2 + 3之间总是有1像素的线。我已经逐字逐句地分离了HTML字符，并且找不到会导致此行仅在这两个切片之间插入自身的差异，而不是其他切片。

下面张贴了一个样本;

<tr>
   <td align="center" valign="top">
      <a href="http://sample.com" target="_blank">
       <img src="http://Events_02.jpg" width="600" height="155" alt="Text1" style="display:block;" border="0"/>
      </a>
   </td>
</tr>
<tr>
   <td align="center" valign="top">
      <a href="http://sample.com" target="_blank">
         <img src="http://Events_03.jpg" width="600" height="146" alt="Text2" style="display:block;" border="0"/>
      </a>
   </td>
</tr>
<tr>
   <td align="center" valign="top">
      <a href="http://sample.com" target="_blank">
        <img src="http://Events_04.jpg" width="600" height="177" alt="Text3" style="display:block;"  border="0"/>
      </a>
   </td>
</tr>

Answer 1

请查看我创建的代码段，这可能会对您有所帮助。感谢

＆＃13;

<html>
<head>
	<title></title>
	<style type="text/css">
		body,table {
			margin: 0;
			padding: 0;
		}
	</style>
</head>
	<body>
		<table cellpadding="0" cellspacing="0">
			<tr>
				<td align="center" valign="top">
					<a href="http://sample.com" target="_blank">
						<img src="http://placehold.it/600x155" width="600" height="155" alt="Text1" style="display:block;" border="0"/>
					</a>
				</td>
			</tr>
			<tr>
				<td align="center" valign="top">
					<a href="http://sample.com" target="_blank">
						<img src="http://placehold.it/600x155" width="600" height="146" alt="Text2" style="display:block;" border="0"/>
					</a>
				</td>
			</tr>
			<tr>
				<td align="center" valign="top">
					<a href="http://sample.com" target="_blank">
						<img src="http://placehold.it/600x155" width="600" height="177" alt="Text3" style="display:block;"  border="0"/>
					</a>
				</td>
			</tr>
		</table>
	</body>
</html>

＆＃13;

Gmail在电子邮件

1 个答案: