Question

是我还是gmail公牛**？在outlook / browsers上我的电子邮件很完美但是在gmail上有2个表之间的空格，为什么？！？图片：http://i.imgur.com/srJKBJZ.png

请不要告诉我他们已经在代码中的cellspacing，padding或border space。如果你能帮助我，我会非常感激。在此先感谢!!

代码：

<body style="margin:0; padding:0">
    <table cellspacing="0" cellpadding="0" align="center" style="border-collapse: collapse; border-spacing: 0;">
        <tr>
          <td VALIGN="bottom"> 
            <img src="http://i.imgur.com/vyJu43v.png">
          </td>
          <td VALIGN="bottom">
            <a href="https://twitter.com/opinionmatters_"><img src="http://i.imgur.com/vSAgEXE.png"></a>
          </td>
          <td VALIGN="bottom">
           <a href="https://www.linkedin.com/company/opinion-matters"> <img src="http://i.imgur.com/Ih5jtiC.png"></a>
          </td>
        </tr>
    </table>
    <table cellspacing="0" cellpadding="0" align="center" style="border-collapse: collapse; border-spacing: 0">
        <tr>
          <td rowspan="4" VALIGN = "top">
            <img src="http://i.imgur.com/9B9Wcit.png">
          </td>
          <td>
<p style="font-family:arial; color:#002d62;">The new Insight Snapshot newsletter from Opinion Matters is packed full of research<br/>and communication ideas to inform your next project. Featuring tips for data<br/>storytelling, ways to interact with your target audience through online quizzes and<br/>case study examples of recent international survey campaigns.</p>

<p style="font-family:arial; color:#002d62">Read online <a href="http://www.opinionmatters.com/insightnewsletter.html" style="">here</a> or <a href="http://www.opinionmatters.com/index.php/contact-us">request a printed copy</a></p>
          </td>
          <td rowspan="4" VALIGN = "top">
            <img src="http://i.imgur.com/lNwkYpL.png">
          </td>
        </tr>
        <tr>
          <td>
            <img src="http://i.imgur.com/79k0VgK.png">
          </td>
        </tr>
        <tr height="70">
          <td height="70">
<p style="font-family:arial; color:#002d62;">If you would like to speak to a member of the team regarding any of the features in<br/>the newsletter please call 0207 251 9960 or email <a href="mailto:newsletter@opinionmatters.com" style="text-decoration:none; color:#002d62">newsletter@opinionmatters.com</a></p>
          </td>
        </tr>
        <tr>
          <td VALIGN = "bottom">

            <img src="http://i.imgur.com/brGmdjG.png">
          </td>
        </tr>

    </table>
    <p style="color:#85808e; font-size:14px; text-align:center">Data Protection: We will not pass your details on to any third party or send you unsolicited mail. If you would like<br/>
to unsubscribe from this and any future mailings please unsubscribe <a href="" style="text-decoration:none;color:#85808e">here.</a><br/><br/>markettiers4dc trading as Opinion Matters. Registered office: Northburgh House, 10a Northburgh Street,<br/>London, EC1V 0AT. Registered in England & Wales No. 4308785 VAT number 783 037 913. CIPR Partner, ISO<br/>9001:2000 registered (Certificate Number GB7041)</p>
  </body>

Answer 1

现在习惯使用img

标记valign="top"

<img src="xyz.png" valign="top" />

就像这样

<table cellspacing="0" cellpadding="0" align="center" style="border-collapse: collapse; border-spacing: 0;">
        <tr>
          <td VALIGN="bottom"> 
            <img src="http://i.imgur.com/vyJu43v.png" valign="top">
          </td>
          <td VALIGN="bottom">
            <a href="https://twitter.com/opinionmatters_"><img src="http://i.imgur.com/vSAgEXE.png" valign="top"></a>
          </td>
          <td VALIGN="bottom">
           <a href="https://www.linkedin.com/company/opinion-matters"> <img src="http://i.imgur.com/Ih5jtiC.png" valign="top"></a>
          </td>
        </tr>
    </table>
    <table cellspacing="0" cellpadding="0" align="center" style="border-collapse: collapse; border-spacing: 0">
        <tr>
          <td rowspan="4" VALIGN = "top">
            <img src="http://i.imgur.com/9B9Wcit.png">
          </td>
          <td>
<p style="font-family:arial; color:#002d62;">The new Insight Snapshot newsletter from Opinion Matters is packed full of research<br/>and communication ideas to inform your next project. Featuring tips for data<br/>storytelling, ways to interact with your target audience through online quizzes and<br/>case study examples of recent international survey campaigns.</p>

<p style="font-family:arial; color:#002d62">Read online <a href="http://www.opinionmatters.com/insightnewsletter.html" style="">here</a> or <a href="http://www.opinionmatters.com/index.php/contact-us">request a printed copy</a></p>
          </td>
          <td rowspan="4" VALIGN = "top">
            <img src="http://i.imgur.com/lNwkYpL.png">
          </td>
        </tr>
        <tr>
          <td>
            <img src="http://i.imgur.com/79k0VgK.png">
          </td>
        </tr>
        <tr height="70">
          <td height="70">
<p style="font-family:arial; color:#002d62;">If you would like to speak to a member of the team regarding any of the features in<br/>the newsletter please call 0207 251 9960 or email <a href="mailto:newsletter@opinionmatters.com" style="text-decoration:none; color:#002d62">newsletter@opinionmatters.com</a></p>
          </td>
        </tr>
        <tr>
          <td VALIGN = "bottom">

            <img src="http://i.imgur.com/brGmdjG.png">
          </td>
        </tr>

    </table>
    <p style="color:#85808e; font-size:14px; text-align:center">Data Protection: We will not pass your details on to any third party or send you unsolicited mail. If you would like<br/>
to unsubscribe from this and any future mailings please unsubscribe <a href="" style="text-decoration:none;color:#85808e">here.</a><br/><br/>markettiers4dc trading as Opinion Matters. Registered office: Northburgh House, 10a Northburgh Street,<br/>London, EC1V 0AT. Registered in England & Wales No. 4308785 VAT number 783 037 913. CIPR Partner, ISO<br/>9001:2000 registered (Certificate Number GB7041)</p>

<强> What is Vertical Align

Answer 2

您是否尝试将margin-top:-5px用于第二个表格，我认为这应该删除空格。

HTML电子邮件：如何删除2个表之间的间距？特定于Gmail

2 个答案: