HTML 电子邮件末尾的空格答案

【问题标题】：white space at end of HTML emailHTML 电子邮件末尾的空格
【发布时间】：2015-02-08 01:44:19
【问题描述】：

在我的 HTML 电子邮件末尾出现大量空白。

显然，前景是最坏的？有什么帮助吗？附件是代码和屏幕截图。

http://danielmdesigns.com/test/Screen%20Shot%202014-12-09%20at%205.59.55%20PM.png

http://codepen.io/dwmaldonado/full/Byjbao

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>eCommission - Get your Golden Ticket Today!</title> <style type="text/css"></style> <style type="text/css"> /* CLIENT-SPECIFIC STYLES */
#outlook a { padding:0; }  .ReadMsgBody { width:100%; } .ExternalClass { width:100%; } .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } body, table, td, a {
-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } table, td { mso-table-lspace:0pt; mso-table-rspace:0pt; } img {
-ms-interpolation-mode:bicubic; }

/* RESET STYLES */ body { height:100% !important; margin:0; padding:0; width:100% !important; } img { border:0; height:auto; line-height:100%; outline:none; text-decoration:none; } table { border-collapse:collapse !important; }

/* iOS BLUE LINKS */ .apple-link a { color:#999999 !important; text-decoration: none !important; } </style> </head>

    <body>

    <table border="0" cellpadding="20" cellspacing="0" border-collapse="collapse" width="100%" height="1000" bgcolor="#ededed">
    <tr style="page-break-before: always">
        <td>

        <!-- Header Logo & Image -->
        <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#ffffff">
        <tr>
        <td colspan="3" height="200">
        <a href="#"><img border="0" src="https://echo3.bluehornet.com/cimages/056f203db71e325409aa569351f79757/eCommission_GoldenTicketHeader.png" alt="eCommission - This Golden Ticket gets you your commissions before closing" style="display:block;"></a>
        </td>
        </tr>

            <!-- Content -->
            <tr>
            <td width="600" style="margin:100px; margin-left:100px; margin-right:100px; padding:10px; font-family:arial; font-size:12px; line-height:22px;">
            <p style="margin:30px 30px;">There is nothing better than spending the holidays knowing your business has access to cash at any time. A commission advance from <b>eCommission</b> lets you control when you get paid, by advancing your commissions from pending sales and active listings whenever you want them.</p>  

<p style="margin:30px 30px;">Using <b>eCommission</b> is fast, easy, and confidential:
     <br>

    &nbsp;&nbsp;&nbsp;&nbsp;• Apply on-line in minutes <br>
    &nbsp;&nbsp;&nbsp;&nbsp;• Request up to $15,000 <br>
    &nbsp;&nbsp;&nbsp;&nbsp;• Receive and sign your documents electronically <br>
    &nbsp;&nbsp;&nbsp;&nbsp;• Have your funds wired in 1 business day <br>
    &nbsp;&nbsp;&nbsp;&nbsp;• No Credit Check <br> </p>

<p style="margin:30px 30px;"> <b><span style="color:#ff8d06;">*Special Holiday Offer*</span></b> New customers get <b><span style="color:#ff8d06;">50%</span></b> off the advance fee, an average savings of $350!* Code will automatically apply on your first transaction.</p>

<p style="margin:30px 30px;"> Get started today at eCommission.com or call toll free at 877-882-4368.</p>

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

        <!-- Button -->
        <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#ffffff">
            <tr>
            <td width="200"></td>
            <td align="center" width="200" height="50" bgcolor="#ff8d06" font-color="#ffffff" style="-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #ffffff; display: block;"><a href="#" style="font-family:arial; font-size:20px; font-weight:bold; text-decoration:none; line-height:50px; display:inline-block; width:100%;"><span style="color:#ffffff;">Get Started</span></a></td>
            <td width="200"></td>
            </tr>
        </table>

        <!-- Disclaimer Information -->
        <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#ffffff">
            <tr>
            <td style="padding:20px 10px 20px 10px; font-family:arial; font-size:9px; line-height:12px; color:#808080;"><i>*Savings of $350 based on a commission advance of $4,000 closing within 40 days. Certain underwriting restrictions apply. Hurry, offer expires December 31, 2014. Copyright 2014 eCommission Financial Services, Inc. 11612 Bee Caves Rd. Bldg. 2, Suite 200, Austin, Texas 78738</i></td>
            </tr>
        </table>

        <!-- Footer Logos -->
        <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" bgcolor="#ffffff">
            <tr>
            <td width="2%"></td>
            <td width="25%"><img border="0" src="https://echo3.bluehornet.com/cimages/056f203db71e325409aa569351f79757/logo_bbb.gif" alt="BBB A+ Acredited Business" style="display:block;"></td>
            <td width="25%"><img border="0" src="https://echo3.bluehornet.com/cimages/056f203db71e325409aa569351f79757/logo_verify.png" alt="Verified & Secured, Verify Security" style="display:block;"></td>
            <td width="48%"></td>
            </tr>
        </table>

        </td>
    </tr>
    </table>
    </body> </html>

非常感谢任何帮助！

【问题讨论】：

电子邮件没有完整的 HTML 正文。让电子邮件像在 DIV 中一样工作。
感谢大卫的帮助！你能给我一个例子来说明你的意思吗？我只是想明确一点，我理解正确。
如：<html>、<head>、<title> 和 <body>。所有这些都已经在这个人用来查看电子邮件的网页上，所以你把它们放在那里肯定会搞砸一些事情。

标签： html email inline newsletter

【解决方案1】：

经过大量研究，我发现问题实际上是因为我使用的电子邮件测试服务。他们在屏幕截图中提供了额外的空白区域，以确保捕获电子邮件的完整长度。这是电子邮件捕获过程的限制，而不是我的电子邮件的问题 =)

【讨论】：