Question

我在电子邮件签名方面遇到了一些非常奇怪的问题。

我已经从头开始创建它，并将结果粘贴到Outlook签名中，但是当它发送时，似乎在TD元素上做了一些奇怪的事情，即在顶部和底部增加了一些间距。

到目前为止，似乎只有在发送到Gmail（iOS）时才执行此操作。

我花了几天时间，尝试了我可能想到的一切。

有什么想法吗？

<!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" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<style type="text/css">
#outlook a {
  padding: 0;
}

body {
  width: 100% !important;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
}

.ExternalClass {
  width: 100%;
}

.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div, p.MsoNormal {
  line-height: 100%!important;
}

#backgroundTable {
  margin: 0;
  padding: 0;
  width: 100% !important;
  line-height: 100% !important;
}

img {
  outline: none;
  text-decoration: none;
  border: none;
  -ms-interpolation-mode: bicubic;
}

a img {
  border: none;
}

p {
  margin: 0px 0px !important;
}

table, table td, table tr {
  border-collapse: collapse;
  border-spacing:0;
  mso-table-lspace: 0pt;
  mso-table-rspace: 0pt;
  padding: 0;
}
</style>

<body>

  <table cellpadding="0" cellspacing="0" border="0" valign="top" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;">
  <tr>    
    <td valign="top" style="color:#202023; background: #006699; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 10px; mso-line-height-rule:exactly; line-height:100%;">OWNER / FOUNDER</td>  
  </tr>
  </table>

  <table cellpadding="0" cellspacing="0" border="0" valign="top" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;">
  <tr>    
    <td valign="top" style="color:#202023; background: #006699; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-weight: 400; font-size: 10px; mso-line-height-rule:exactly; line-height:100%;">OWNER / FOUNDER</td>  
  </tr>
  </table>

</body>
</html>

奇怪的间距/填充顶部+表格底部td

0 个答案: