Gmail电子邮件表间距

Question

我知道这匹马刚刚被打死了..但我有一个Gmail桌面间距问题,今天早上只是让我感到困惑.

<td valign="top">
        <img src="###/enewsletter_layout_v3_18.jpg" alt="" />
        <table cellpadding="0" cellspacing="0" style="background: #000; width: 700px; margin: 0 0 0 8px; text-align: center; color: #fff;">
            <tr>
                <td valign="top" style="background: #890000; height: 50px; padding: 10px 15px; font-size: 24px; font-weight: bold;">
                New Patient Special Offer <br/>
                Save $$$
                </td>                   
            </tr>
            <tr>
                <td valign="top" style="background: #000; height: 50px; padding: 5px 15px 15px 15px;">
                    <h1 style="font-size: 24px; font-weight: bold;">Do you have a question?</h1>
                    If you have read anything in this newsletter and have any questions or would like to 
                    discuss further, please contact <br/>
                    The Centre at (555) 555-5555 
                </td>                   
            </tr>           
        </table>

    </td>

无论我做什么,表格中的第一张图片(layout_v3_18)下面总是有间距.Gmail中约有2-3个像素的空白区域.发生在电子邮件中的其他几个图像,但其余的工作正常.无论我多少次比较表,它都行不通.

思考？

Answer 1

我最近经常遇到这个问题.我们发现最有效的代码(读取:在大多数邮件客户端中看起来一致)如下:

<img src="###" style="display: block;" />

只需将display:block添加到每个图像,它就可以解决问题.