Question

我正在尝试创建一个HTML文档，该文档将作为简报发送，但遗憾的是它无法在Gmail中正确显示。

出于某种原因，我在超链接的图像上方和下方出现间距问题。像这样：

http://i.imgur.com/hesFibq.png

我尝试过添加：

风格=＆＃34;边界间隔：0;＆＃34;

到我的桌子，如其他地方所见，以及下面的所有图像：

风格=＆＃34;显示：块;＆＃34;

有什么想法吗？

编辑：这里是html：

＆＃13;

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>LCTSA</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="701" height="375" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;">
	<tr>
		<td colspan="3" rowspan="2">
			<img src="http://www.morley.leeds.sch.uk/user/74/183839.png" width="473" height="279" alt="" style="display:block;"></td>
		<td>
			<a href="mailto:example@co.uk" style="display:block;"><img src="http://www.morley.leeds.sch.uk/user/74/183840.png" width="227" height="145" alt="" 

style="display:block;"></td></a>
		<td>
			<img src="http://www.morley.leeds.sch.uk/user/74/183848.gif" width="1" height="145" alt="" style="display:block;"></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="http://www.morley.leeds.sch.uk/user/74/183841.png" width="227" height="179" alt="" style="display:block;"></td>
		<td>
			<img src="http://www.morley.leeds.sch.uk/user/74/183848.gif" width="1" height="134" alt="" style="display:block;"></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="http://www.morley.leeds.sch.uk/user/74/183842.png" width="29" height="96" alt="" style="display:block;"></td>
		<td>
			<a href="mailto:example@co.uk" style="display:block;"><img src="http://www.morley.leeds.sch.uk/user/74/183843.png" width="176" height="14" alt="" 

style="display:block;"></td></a>
		<td rowspan="4">
			<img src="http://www.morley.leeds.sch.uk/user/74/183844.png" width="268" height="96" alt="" style="display:block;"></td>
		<td>
			<img src="http://www.morley.leeds.sch.uk/user/74/183848.gif" width="1" height="14" alt="" style="display:block;"></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="http://www.morley.leeds.sch.uk/user/74/183845.png" width="176" height="82" alt="" style="display:block;"></td>
		<td>
			<img src="http://www.morley.leeds.sch.uk/user/74/183848.gif" width="1" height="31" alt="" style="display:block;"></td>
	</tr>
	<tr>
		<td>
			<a href="http://www.google.co.uk" target="_blank" style="display:block;"><img src="http://www.morley.leeds.sch.uk/user/74/183846.png" width="227" height="24" alt="" 

style="display:block;"></td></a>
		<td>
			<img src="http://www.morley.leeds.sch.uk/user/74/183848.gif" width="1" height="24" alt="" style="display:block;"></td>
	</tr>
	<tr>
		<td>
			<img src="http://www.morley.leeds.sch.uk/user/74/183847.png" width="227" height="27" alt="" style="display:block;"></td>
		<td>
			<img src="http://www.morley.leeds.sch.uk/user/74/183848.gif" width="1" height="27" alt="" style="display:block;"></td>
	</tr>
</table>
</body>
</html>

＆＃13;

Answer 1

您需要制作<a> display: block。

HTML简报 - 在超链接图像上方和下方的Gmail间距

1 个答案: