Question

如何解决此Outlook HTML电子邮件问题？我的table和td之间存在较大差距

我的代码：

<table style="table-layout: fixed;" class="w410" width="410" align="center" cellpadding="0" cellspacing="0" border="0">
      <tr style="border-collapse:collapse;" >
          <td class="main-event" height="39" valign="top" align="center" colspan="" style="font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;border-collapse:collapse; mso-table-lspace:0;mso-tablerspace:0;" >                                         
              <p align="center" style="margin-bottom: 1em"><span id="exhibitors" style="font-family:'Myriad Pro', Verdana, Georgia; font-size:30px; line-height: 30px; font-style:bold; color:#0054a4; text-decoration: none !important; "><strong>65 Exhibitors<br />
              Already Signed Up <br />
              and Counting........</strong></span><br />
          </td>
     </tr>
     <tr style="border-collapse:collapse;" >
          <td class="main-event" height="20" valign="top" align="center" colspan="" style="font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;border-collapse:collapse;padding:0 0 0 0; mso-table-lspace:0;mso-tablerspace:0;" >   
                 <a href="http://" id="exhibitorlist" target="_blank" style="font-family:'Myriad Pro', Verdana, Georgia; font-size:20px; line-height: 20px; font-style:bold; color:#0e1b8d;; text-decoration: underline !important;"><u>Click Here For The Exhibitor List</u></a>
          </p>
          </td>
      </tr>
</table>

<table style="table-layout: fixed;" class="w410" width="410" align="center" cellpadding="0" cellspacing="0" border="0">
    <tr style="border-collapse:collapse;" >
                       <td valign="top" align="center" style="font-family:'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;border-collapse:collapse; padding:0 0 0 0; mso-table-lspace:0;mso-tablerspace:0;" ><a href="http://www." target="_blank"><img src="http://www" "alt="Register Now;" border="0" width="269" align="center" style="outline-style:none;text-decoration:none;display:block;"/></a>
               </td>
             </tr>
          </table>                                           
      </td>
   </tr>

     </table>                
             </td>
            </tr>
    </table>

    </td></tr>
    </table> 

    </td>

</tr>
</table>

Answer 1

这有点乱，不是吗？

电子邮件HTML不是普通的HTML，请参阅（例如）：

http://templates.mailchimp.com

Answer 2

您只需使用border-collapse：

table { /* Will apply to all tables */
    border-spacing: 0;
    /* OR border-collapse: collapse; */
}

或者在你的HTML中

<table cellspacing="0">

希望有所帮助

如何在表之间为Outlook HTML电子邮件添加空间？

2 个答案: