Question

我有一个带有两个图像行的简单HTML电子邮件。问题在于，它显示了图像之间的间隙，并且仅在Yahoo Mail中这样做。这是一个简单的布局，没什么花哨的，但是无论我尝试了什么，我都无法摆脱这个鸿沟。我尝试将标签设置为display：block;填充：0;边距：0;等，但无济于事。请帮忙。这是我的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">
    <body style="padding: 0;">
        <table id="backgroundTable" border="0" cellspacing="0" cellpadding="0" summary="" width="650" style="table-layout: fixed;">
            <tbody>
                <tr>
                    <td align="center" valign="top">
                        <table border="0" cellspacing="0" cellpadding="0" summary="">
                            <tbody>
                                <tr>
                                    <td align="left" valign="top" style="margin: 0; padding: 0; font-size: 0; line-height: 0;">
                                        <p style="margin: 0; padding: 0; font-size: 0;">
                                            <a href="/">
                                                <span style="text-decoration: none;"><img src="120318_2ndCyberMon_EM.jpg" border="0" width="650" style="display: block; max-height: 147px; max-width: 650px; width: 100%;margin: 0 !important; padding: 0 !important;"></span>
                                            </a>
                                        </p>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="left" valign="top" style="margin: 0; padding: 0; font-size: 0; line-height: 0;">
                                        <p style="margin: 0; padding: 0; font-size: 0;">
                                            <a href="/">
                                                <span style="text-decoration: none;"><img src="120318_2ndCyberMon_EM.jpg" border="0" width="650" style="display: block; max-height: 147px; max-width: 650px; width: 100%;margin: 0 !important; padding: 0 !important;"></span>
                                            </a>
                                        </p>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
            </tbody>
        </table>
    </body>
</html>

在Yahoo Mail中的外观如何，图像之间存在间隙：

雅虎邮件显示图像行之间的空白

0 个答案: