邮件程序显示图像左侧和右侧的间隙

Question

我正在开发一个邮件程序，所以在我的Outlook上看起来很好但是在我的Gmail上它会在图像的左侧和右侧显示间距。我使用style="display:block"只删除了底部的间距。如何删除左侧和右侧？

这是我的代码：

<table cellpadding="0" cellspacing="0" border="0" align="center" width="100%">
  <tr>
    <td><table cellpadding="0" cellspacing="0" border="0" align="center" width="695px">
        <tr>
          <td align="center"><a href="/index.html" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#677880; text-decoration:none"><span style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#677880;">View on the web</span></a></td>
        </tr>
        <tr>
          <td height="10px"><img src="/images/spacer.gif"  height="10" width="1" style="display:block;" border="0" alt="Spacer"/></td>
        </tr>
        <tr>
          <td valign="top" border="0" align="right"><img src="/images/top.jpg" width="695" height="52" border="0" style="display:block;" ></td>
        </tr>
        <tr>
          <td><table cellpadding="0" cellspacing="0" border="0" width="695px">
              <tr>
                <td width="461px" border="0" valign="top" align="right"><img src="/images/father-and-husband.jpg" width="461" height="300" style="display:block;" border="0" ></td>
                <td valign="top" width="234px" border="0"><table cellpadding="0" cellspacing="0" border="0" width="234px">
                    <tr>
                      <td valign="top" border="0"><a href="#" style="border:0"><img src="/images/life-2-lefe-logo.jpg" width="234" height="131" style="display:block" border="0" alt="Click here to visit our website" title="Click here to visit our website" align="left"></a></td>
                    </tr>
                    <tr>
                      <td valign="top" border="0"><img src="/images/botton-logo.jpg" width="234" height="169" style="display:block" border="0" align="left"></td>
                    </tr>
                  </table></td>
              </tr>
            </table></td>
        </tr>
        <tr>
          <td><table cellpadding="0" cellspacing="0" border="0" width="695px">
              <tr>
                <td border="0" valign="top" align="right"><a href="#" style="border:0"><img src="/images/donating-a-kidney.jpg" width="461" height="290" style="display:block;margin:0" border="0" alt="Click here to email us" title="Click here to email us"></a></td>
                <td border="0" valign="top"><img src="/images/right-email.jpg" width="234" height="290" style="display:block" border="0" align="left"></td>
              </tr>
            </table></td>
        </tr>
        <tr>
          <td border="0" valign="top" align="right"><img src="/images/bottom.jpg" width="695" height="341" style="display:block" border="0"></td>
        </tr>
        <tr>
          <td align="center" valign="center" height="30" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#677880;">If you do not wish to recieve any further email notifications, <a style="color:#ec1c23;" href="{{components.unsubscribe}}" target="_blank">click here to unsubscribe.</a></td>
        </tr>
      </table></td>
  </tr>
</table>