Outlook.com和gmail.com的HTML电子邮件问题

Question

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
    <table cellpadding="0" cellspacing="0" border="0" align="center" width="600" height="931">
        <tr>
            <td>
            <a href="http://www.google.com" target="_blank">
                <img src="images/img_01.png" alt="" style="display:block;" width="600" height="100" border="0" />
            </a>
        </td>
    </tr>
    <tr>
        <td>
            <a href="http://www.google.com" target="_blank">
                <img src="images/img_02.png" alt="" style="display:block;" width="600" height="100" border="0" />
            </a>
        </td>
    </tr>
    <tr>
        <td>
            <a href="http://www.google.com" target="_blank">
                <img src="images/img_03.png" alt="" style="display:block;" width="600" height="100" border="0" />
            </a>
        </td>
    </tr>
    <tr>
        <td>
            <a href="http://www.google.com" target="_blank">
                <img src="images/img_04.png" alt="" style="display:block;" width="600" height="100" border="0" />
            </a>
        </td>
    </tr>
    <tr>
        <td>
            <a href="http://www.google.com" target="_blank">
                <img src="images/img_05.png" alt="" style="display:block;" width="600" height="100" border="0" />
            </a>
        </td>
    </tr>
    <tr>
        <td>
            <a href="http://www.google.com" target="_blank">
                <img src="images/img_06.png" alt="" style="display:block;" width="600" height="100" border="0" />
            </a>
        </td>
    </tr>
    <tr>
        <td>
            <a href="http://www.google.com" target="_blank">
                <img src="images/img_07.png" alt="" style="display:block;" width="600" height="100" border="0" />
            </a>
        </td>
    </tr>
    <tr>
        <td>
            <a href="http://www.google.com" target="_blank">
                <img src="images/img_08.png" alt="" style="display:block;" width="600" height="100" border="0" />
            </a>
        </td>
    </tr>
    <tr>
        <td>
            <a href="http://www.google.com" target="_blank">
                <img src="images/img_09.png" alt="" style="display:block;" width="600" height="100" border="0" />
            </a>
        </td>
    </tr>
    <tr>
        <td>
            <a href="http://www.google.com" target="_blank">
                <img src="images/img_10.png" alt="" style="display:block;" width="600" height="31" border="0" />
            </a>
        </td>
    </tr>
</table>
</body>
</html>

我正在发送html电子邮件（类似于上面的代码），但gmail.com和Outlook.com中的邮件发送器不正确。 他们都在a标签周围添加p标签，然后在img标签周围插入span标签;

<td>
  <p class="some class name"
    <a href="http://www.google.com" target="_blank">
      <span class="some class name">
        <img src="images/img_10.png" alt="" style="display:block;" width="600" height="31" border="0" />
      </span> 
    </a>
  </p>
</td>

因此看起来tr标签之间的差距。 我该如何解决？

Answer 1

请使用style="margin: 0; border: 0; padding: 0; display: block;" 对于所有图像。

另外，将table td {border-collapse: collapse;}到标题样式标签中可能对Outlook有所帮助。

Outlook.com和gmail.com的HTML电子邮件问题

问题描述

1 个解决方案

解决方案1
1 2013-09-18 14:01:51

Outlook.com和gmail.com的HTML电子邮件问题

问题描述

1 个解决方案

解决方案1 1 2013-09-18 14:01:51

解决方案1
1 2013-09-18 14:01:51