我该怎么做才能在gmail中正确显示我的电子邮件签名？

Question

我是一名比利时学生，需要您的帮助。我正在写电子邮件签名。发送带有此签名的电子邮件，在Apple Mail和Outlook 365中都可以正常工作。但是当我对gmail进行相同操作时，看起来gmail并未考虑距离（请参见图片）。

我知道您可能很忙，但是如果有人可以帮助我，那对我来说真的意味着世界。

<table border="0" cellspacing="0" cellpadding="0" style="padding-bottom:15px;padding-top:15px;">
  <tbody>
      <tr>
          <td style="background:white;">
              <p  style="line-height:12.0pt;"><a href="https://www.drumdrum.eu/en/" target="_blank"><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:blue;text-decoration:none"><img border="0" width="100" height="53" style="width:1.0416in;height:.552in" src="https://assets.maister.be/drumdrum/logo-drumdrum-blue.png" alt="logo DRUMDRUM"></span></a><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:#868686"><u></u><u></u></span></p>
          </td>
          <td width="57" style="width:42.75pt;background:white;padding-left:20px;">
              <p  style="line-height:12.0pt;"><span style="color:black"><a href="https://www.drumdrum.eu/en/nieuws/eco-vadis-csr-rating-achieved" target="_blank" ><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:blue;text-decoration:none"><img border="0" width="57" height="57" style="width:.5937in;height:.5937in" src="https://assets.maister.be/drumdrum/gold_2019_300.png" alt="logo DRUMDRUM"></span></a></span><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:#868686"><u></u><u></u></span></p>
          </td>
      </tr>
  </tbody>
</table>

<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;background:white;padding-bottom: 16px;padding-top:0px">
  <tbody>
      <tr>
          <td style="border:none;border-top:solid #b2b2b2 1.0pt;padding-bottom: 13px;">
          </td>
      </tr>
      <tr>
          <td valign="top" style="">
              <table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%">
                  <tbody>
                      <tr style="text-align:left;line-height:18px;font-size:14px; font-weight: 800;font-family: Arial, Sans-Serif;color:#123E80 !important;">
                          <td align="left" id="name" style="text-align:left;line-height:18px;font-size:14px; font-weight: 800;font-family: Arial, Sans-Serif;color:#123E80 !important;letter-spacing: 0.02em;"><font color="#123E80">Edouard VERSTRAETE</font></td>
                      </tr>
                      <tr style="text-align:left;line-height:10px;font-size:10px; font-weight: 300;font-family: Arial, Sans-Serif;color:#868686 !important;">
                          <td align="left" style="text-align:left;line-height:10px;font-size:10px; font-weight: 400;font-family: Arial, Sans-Serif;color:#868686 !important;color: #868686;padding-bottom: 14px;"><font color="#868686">STUDENT</font></td>
                      </tr>
                      <tr>
                          <td style="">
                              <p style="line-height:13.5pt"><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:#868686"><a href="mailto:[email protected]" target="_blank" style="text-decoration:none !important"><span style="color:#868686;text-decoration:none">edouard.verstraete@drumdrum.<wbr>eu</span></a><u></u><u></u></span></p>
                          </td>
                      </tr>
                      <tr>
                          <td style="padding-bottom: 14px;">
                              <p style="line-height:12.0pt"><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:#868686;text-decoration:none !important">T [phone]<u></u><u></u></span></p>
                          </td>
                      </tr>
                      <tr>
                          <td style="">
                              <p  style="line-height:12.0pt"><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:#868686">DRUMDRUM NV<u></u><u></u></span></p>
                          </td>
                      </tr>
                      <tr>
                          <td style="">
                              <p  style="line-height:12.0pt"><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:#868686">Schaapbrugstraat 370<u></u><u></u></span></p>
                          </td>
                      </tr>
                      <tr>
                          <td>
                              <p  style="line-height:12.0pt"><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:#868686">8800 Rumbeke - Belgium<u></u><u></u></span></p>
                          </td>
                      </tr>
                  </tbody>
              </table>
          </td>
      </tr>
  </tbody>
</table>

<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;background:white;">
  <tbody>
      <tr>
          <td style="border:none;border-top:solid #b2b2b2 1.0pt;padding-bottom: 12px;">
              <table border="0" cellspacing="0" cellpadding="0" align="left">
              </table>
          </td>
      </tr>
      <tr>
          <td valign="top" style="">
              <p style="line-height:12.0pt"><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:#0c3b7c;font-weight:bold"><a href="http://www.drumdrum.eu/en" target="_blank" style="text-decoration:none !important"><span style="color:#0c3b7c;letter-spacing:.25pt;text-decoration:none">DRUMDRUM.EU</span></a><u></u><u></u></span></p>
          </td>
      </tr>
  </tbody>
</table>

图像：

Image (left side: gmail / right side: apple mail)

Answer 1

Google Chrome浏览器的用户代理样式表在margin元素周围添加了<p>，这会导致表格变大；将其重置为0；

p {
  margin: 0;
}

/* Reset Default Style */
p {
  margin: 0;
}

<table border="0" cellspacing="0" cellpadding="0" style="padding-bottom:15px;padding-top:15px;">
  <tbody>
      <tr>
          <td style="background:white;">
              <p  style="line-height:12.0pt;"><a href="https://www.drumdrum.eu/en/" target="_blank"><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:blue;text-decoration:none"><img border="0" width="100" height="53" style="width:1.0416in;height:.552in" src="https://assets.maister.be/drumdrum/logo-drumdrum-blue.png" alt="logo DRUMDRUM"></span></a><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:#868686"><u></u><u></u></span></p>
          </td>
          <td width="57" style="width:42.75pt;background:white;padding-left:20px;">
              <p  style="line-height:12.0pt;"><span style="color:black"><a href="https://www.drumdrum.eu/en/nieuws/eco-vadis-csr-rating-achieved" target="_blank" ><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:blue;text-decoration:none"><img border="0" width="57" height="57" style="width:.5937in;height:.5937in" src="https://assets.maister.be/drumdrum/gold_2019_300.png" alt="logo DRUMDRUM"></span></a></span><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:#868686"><u></u><u></u></span></p>
          </td>
      </tr>
  </tbody>
</table>

<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;background:white;padding-bottom: 16px;padding-top:0px">
  <tbody>
      <tr>
          <td style="border:none;border-top:solid #b2b2b2 1.0pt;padding-bottom: 13px;">
          </td>
      </tr>
      <tr>
          <td valign="top" style="">
              <table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%">
                  <tbody>
                      <tr style="text-align:left;line-height:18px;font-size:14px; font-weight: 800;font-family: Arial, Sans-Serif;color:#123E80 !important;">
                          <td align="left" id="name" style="text-align:left;line-height:18px;font-size:14px; font-weight: 800;font-family: Arial, Sans-Serif;color:#123E80 !important;letter-spacing: 0.02em;"><font color="#123E80">Edouard VERSTRAETE</font></td>
                      </tr>
                      <tr style="text-align:left;line-height:10px;font-size:10px; font-weight: 300;font-family: Arial, Sans-Serif;color:#868686 !important;">
                          <td align="left" style="text-align:left;line-height:10px;font-size:10px; font-weight: 400;font-family: Arial, Sans-Serif;color:#868686 !important;color: #868686;padding-bottom: 14px;"><font color="#868686">STUDENT</font></td>
                      </tr>
                      <tr>
                          <td style="">
                              <p style="line-height:13.5pt"><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:#868686"><a href="mailto:[email protected]" target="_blank" style="text-decoration:none !important"><span style="color:#868686;text-decoration:none">edouard.verstraete@drumdrum.<wbr>eu</span></a><u></u><u></u></span></p>
                          </td>
                      </tr>
                      <tr>
                          <td style="padding-bottom: 14px;">
                              <p style="line-height:12.0pt"><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:#868686;text-decoration:none !important">T [phone]<u></u><u></u></span></p>
                          </td>
                      </tr>
                      <tr>
                          <td style="">
                              <p  style="line-height:12.0pt"><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:#868686">DRUMDRUM NV<u></u><u></u></span></p>
                          </td>
                      </tr>
                      <tr>
                          <td style="">
                              <p  style="line-height:12.0pt"><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:#868686">Schaapbrugstraat 370<u></u><u></u></span></p>
                          </td>
                      </tr>
                      <tr>
                          <td>
                              <p  style="line-height:12.0pt"><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:#868686">8800 Rumbeke - Belgium<u></u><u></u></span></p>
                          </td>
                      </tr>
                  </tbody>
              </table>
          </td>
      </tr>
  </tbody>
</table>

<table border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100.0%;background:white;">
  <tbody>
      <tr>
          <td style="border:none;border-top:solid #b2b2b2 1.0pt;padding-bottom: 12px;">
              <table border="0" cellspacing="0" cellpadding="0" align="left">
              </table>
          </td>
      </tr>
      <tr>
          <td valign="top" style="">
              <p style="line-height:12.0pt"><span style="font-size:9.0pt;font-family:&quot;Arial&quot;,sans-serif;color:#0c3b7c;font-weight:bold"><a href="http://www.drumdrum.eu/en" target="_blank" style="text-decoration:none !important"><span style="color:#0c3b7c;letter-spacing:.25pt;text-decoration:none">DRUMDRUM.EU</span></a><u></u><u></u></span></p>
          </td>
      </tr>
  </tbody>
</table>