Outlook 到 Gmail 的间距问题

问题描述 投票：0回答：1

我正在尝试组合一些电子邮件签名，但从 Outlook 发送到 Gmail 时遇到问题。
将签名从 Gmail 发送到 Outlook 看起来不错。此外，签名在 Outlook 客户端中看起来也不错。但是，一旦电子邮件从 Outlook 发送到 Gmail，它就会增加间距，并使事情变得有点混乱。我做了一些研究并尝试实施修复，但目前还没有成功。

这是在 Outlook 中正确显示的电子邮件：

email displaying correctly in Outlook

Gmail 收到后显示不正确：

extra spacing issue in Gmail

奇怪的是，从 Gmail 发送时它工作正常，所以从 Outlook → Gmail 的过程中一定发生了一些事情。
任何提示将不胜感激！我知道我的代码并不出色，只是一个图形设计师在通过电子邮件样式战斗！

更新：看来Gmail中的这段代码是问题所在，有什么方法可以覆盖它吗？IMAGE

代码如下：

<head>
    <style>
    span, p, td, tr {color:#24406d; line-height: 90%;mso-line-height: taro-papo; font-family: Helvetica, Arial, sans-serif;}
    </style>
</head>
<html>
<body>
<table bgcolor="#ffffff" style="width: 320px; background: white;">
    <tr><td><hr></td></tr>
<td><span style="font-size: 22px; font-weight: 600;">Name Nameson</span></td></tr>
<tr><td><span style="text-transform: uppercase; font-size: 14px;">Customer Service Manager</span></td></tr>
<tr><td><hr></td></tr>
    <tr><td><span style="font-weight: 600;">P.</span>&nbsp;&nbsp;<span>07 1111 1111</span></td></tr>
    <tr><td><span style="font-weight: 600;">M.</span>&nbsp;&nbsp;<span>0401 111 111</span></td></tr>
    <tr><td><span style="font-weight: 600;">E.</span>&nbsp;&nbsp;<span>[email protected]</td></tr>
    <tr><td><span style="font-weight: 600;">A.</span>&nbsp;&nbsp;<span>13/14 Argyle St, Albion QLD 4010</td></tr>
    <tr><td><span style="font-weight: 600;">W.</span>&nbsp;&nbsp;<span>www.venetablinds.com.au</p></td></tr>
<tr><td><img src="https://drive.google.com/uc?id=1xze-aa3lvrf6Rrvl0Krb5G2sfVA2LZFm" width="320px"></tr>
<tr><td><span style="white-space: nowrap;">
    <a><img src="https://drive.google.com/uc?id=1jiViwT0NnYrNSeUbfjh1RwbyMfL4IACa"></a> 
    <a><img src="https://drive.google.com/uc?id=1S1wRD6Fqx8MqDu0RlCYauhgWiBMVCLyo"></a> 
    <a><img src="https://drive.google.com/uc?id=18yiUbFJ4NAapVLkMBBrAvo-HrQFNZ6-e"></a></td></span></tr>
</span>
</table>
</body>
</html>

html css email outlook gmail
1个回答
0
投票

您可以检查一下下面的代码吗？希望它对你有用。您必须在 

cellpadding="0"
中给出 
cellspacing="0"
和 
table
，我们已更改您的 HTML 结构以获得所需的输出。

请参考此链接：https://jsfiddle.net/yudizsolutions/rhL0p7nw/3/

<html>

<head>
  <style>
    span,
    p,
    td,
    tr {
      color: #24406d;
      line-height: 90%;
      mso-line-height: taro-papo;
      font-family: Helvetica, Arial, sans-serif;
    }
  </style>
</head>

<body>
  <table cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="width: 320px; background: white;">
    <tr>
      <td>
        <hr>
      </td>
    </tr>
    <tr>
      <td><span style="font-size: 22px; font-weight: 600;">Name Nameson</span></td>
    </tr>
    <tr>
      <td height="5"></td>
    </tr>
    <tr>
      <td><span style="text-transform: uppercase; font-size: 14px;">Customer Service Manager</span></td>
    </tr>
    <tr>
      <td>
        <hr>
      </td>
    </tr>
    <tr>
      <td><span style="font-weight: 600;">P.</span>&nbsp;&nbsp;<span>07 1111 1111</span></td>
    </tr>
    <tr>
      <td height="5"></td>
    </tr>
    <tr>
      <td><span style="font-weight: 600;">M.</span>&nbsp;&nbsp;<span>0401 111 111</span></td>
    </tr>
    <tr>
      <td height="5"></td>
    </tr>
    <tr>
      <td><span style="font-weight: 600;">E.</span>&nbsp;&nbsp;<span>[email protected]</span></td>
    </tr>
    <tr>
      <td height="5"></td>
    </tr>
    <tr>
      <td><span style="font-weight: 600;">A.</span>&nbsp;&nbsp;<span>13/14 Argyle St, Albion QLD 4010</span></td>
    </tr>
    <tr>
      <td height="5"></td>
    </tr>
    <tr>
      <td><span style="font-weight: 600;">W.</span>&nbsp;&nbsp;<span>www.venetablinds.com.au</span></p>
      </td>
    </tr>
    <tr>
      <td><img src="https://drive.google.com/uc?id=1xze-aa3lvrf6Rrvl0Krb5G2sfVA2LZFm" width="320px">
    </tr>
    <tr>
      <td height="5"></td>
    </tr>
    <tr>
      <td>
        <a><img src="https://drive.google.com/uc?id=1jiViwT0NnYrNSeUbfjh1RwbyMfL4IACa"></a>
        <a><img src="https://drive.google.com/uc?id=1S1wRD6Fqx8MqDu0RlCYauhgWiBMVCLyo"></a>
        <a><img src="https://drive.google.com/uc?id=18yiUbFJ4NAapVLkMBBrAvo-HrQFNZ6-e"></a>
      </td>
    </tr>
  </table>
</body>

</html>

请检查结果图像：

enter image description here

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.