Question

这是我的代码：

<html>
<head>
<title>PageTitle!</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="590" height="531" border="0" cellpadding="0" cellspacing="0">
    <tr>    <td>
            <a href="http://mypage.com" border="0"><img src="top.jpg" width="590" height="90" alt="" border="0"></a></td>
    </tr>
    <tr>
        <td>
            <a href="http://mypage.com" border="0"><img src="content.jpg" width="590" height="441" alt="" border="0"></a></td>
    </tr>
</table>
</body>
</html>

这就是问题所在：

抱歉，我必须删除此图片

为什么表格中的<tr>之间存在换行符？我正在寻找的不是CSS解决方案，这是一个简单的邮件。而它的问题只在gmail中显示。当我下载到麻雀或移动设备时，空行消失。

Answer 1

将图像上的CSS设置为：

img {vertical-align:middle;}

你也可以向左浮动它们，但这似乎没必要。

请参阅 jsFiddle example 。然后删除CSS并重新出现间隙。

Answer 2

您需要定义doctype http://www.w3schools.com/tags/tag_doctype.asp

表行之间的行

2 个答案: