Question

我想我已经尝试了所有关于摆脱表格行之间间距的技巧，但似乎没有任何效果！我的电子邮件在gmail以及iphone和Android手机上看起来不错。这只是展望！

我正在使用mailchimp，所以我的模板中还有其他样式，但即使我删除了所有样式，我仍然会得到相同的结果。

这是我的HTML表格：

<table border="0" cellpadding="0" cellspacing="0"  style="border-collapse: collapse; margin:0px; padding:0px;" width="600">
    <tbody>
        <tr>
            <td colspan="3" style="border-collapse: collapse;" width="600" height="179">
                <a href="http://www.anzie.com/"><img align="left" alt="Gold Rush" height="179" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/ESSETIAL6_FALL_01.jpg" style="height: 179px;  width: 600px; margin: 0px; padding: 0px;  display:block; vertical-align: bottom; float: left; " width="600" /></a>
            </td>
        </tr>
        <tr>
            <td colspan="3" style="border-collapse: collapse;" width="600" height="25">
                <a href="http://www.anzie.com/viewall_gold.php"><img align="left" alt="Shop Gold" height="25" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/ESSETIAL6_FALL_02.1.jpg" style="height: 25px;  width: 600px; margin: 0px; padding: 0px;  display:block; vertical-align: bottom; float: left; " width="600" /></a>
            </td>
        </tr>
        <tr style="border-collapse: collapse;">
            <td colspan="3" style="border-collapse: collapse;" width="600" height="200">
                <a href="http://www.anzie.com"><img align="left" alt="Gold Rush" height="200" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/ESSETIAL6_FALL_03.jpg" style="height: 200px;  width: 600px; margin: 0px; padding: 0px;  display:block; vertical-align: bottom; float: left;" width="600" /></a></td>
        </tr>
        <tr>
            <td style="border-collapse: collapse;">
                <a href="http://www.anzie.com/dew-drop-collection-etoile-mini-ring-moonstone-p-2454.html"><img align="left" alt="Vintage Accent Ring" height="221" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/ESSETIAL6_FALL_04.jpg" style="width: 226px; height: 221px;  display:block; vertical-align: bottom; float: left;" width="226" /></a></td>
            <td style="border-collapse: collapse;">
                <a href="http://www.anzie.com/aztec-earrings-studs-mini-moonstone-clear-topaz-p-2508.html"><img align="left" alt="Minature Studs" height="221" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/ESSETIAL6_FALL_05.jpg" style="height: 221px;  width: 159px;  display:block; vertical-align: bottom; float: left;" width="159" /></a></td>
            <td style="border-collapse: collapse;">
                <a href="http://www.anzie.com/royale-ring-round-moonstone-p-1919.html"><img align="left" alt="Heirloom Ring" height="221" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/ESSETIAL6_FALL_06.jpg" style="height: 221px;  width: 215px;  display:block; vertical-align: bottom; float: left;" width="215" /></a></td>
        </tr>
        <tr>
            <td style="border-collapse: collapse;">
                <a href="http://www.anzie.com/dew-drop-collection-etoile-earrings-moonstone-p-2498.html"><img align="left" alt="Evening Earrings" height="324" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/evening_earrrings.jpg" style="height: 324px;  width: 226px; margin: 0px; padding: 0px;  display:block; vertical-align: bottom; float: left;" width="226" /></a></td>
            <td style="border-collapse: collapse;">
                <a href="http://www.anzie.com/aztec-necklace-sun-pendant-moonstone-diamonds-p-2509.html"><img align="left" alt="Statement Pendant" height="324" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/neckalce_center.jpg" style="height: 324px;  width: 159px; margin: 0px; padding: 0px;  display:block; vertical-align: bottom; float: left;" width="159" /></a></td>
            <td style="border-collapse: collapse;">
                <a href="http://www.anzie.com/dew-drop-collection-bubble-stackable-bangle-gold-set-p-2510.html"><img align="left" alt="Versatile Bangles" height="324" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/ESSETIAL6_FALL_09.jpg" style="height: 324px;  width: 215px;  display:block; vertical-align: bottom; float: left;" width="215" /></a></td>
        </tr>
        <tr>
            <td style="border-collapse: collapse;">
                <img align="left" height="74" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/border_bottom_left.jpg" style="width: 226px; height: 74px; margin: 0px; padding: 0px;  display:block; vertical-align: bottom; float: left;" width="226" /></td>
            <td style="border-collapse: collapse;">
                <img align="left" height="74" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/bottom_center.jpg" style="width: 159px; height: 74px; margin: 0px; padding: 0px;  display:block; vertical-align: bottom; float: left;" width="159" /></td>
            <td style="border-collapse: collapse;">
                <a href="http://www.anzie.com/locations.php"><img align="left" alt="Locate Store" height="74" src="https://d2q0qd5iz04n9u.cloudfront.net/_ssl/proxy.php/http/gallery.mailchimp.com/5513172da1aa95c4b84fdedba/images/ESSETIAL6_FALL_10.jpg" style="height: 74px;  width: 215px;  display:block; vertical-align: bottom; float: left;" width="215" /></a></td>
        </tr>
    </tbody>
</table>

非常感谢任何帮助

Answer 1

尝试从所有colspan中删除<td>。另外，从width="600"移除tds，以便占用img

的宽度

为什么我在outlook 2010 html电子邮件中获得边界

1 个答案: