1

我有下表用于对 html 电子邮件内容的图像进行分组

    <table cellpadding="0" cellspacing="0">
        <tr>
            <td colspan="2">
                <img src="/SaveDateHeader.png" style="border: none;font-size: 14px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;" />
            </td>
        </tr>
        <tr><td colspan="2"><img src="/body.png" style="border: none;font-size: 14px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;" /></td></tr>
        <tr>
            <td>
                <a href="" target="_blank">
                    <img src="/leftfooter.png" style="border: none;font-size: 14px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;" />
                </a>
            </td>
            <td>
                <a href="" target="_blank">
                    <img src="/rightfooter.png" style="border: none;font-size: 14px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;" />
                </a>

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

它在 Outlook 和移动设备中看起来不错，但是当我在 gmail.com 上查看它时，表格行之间会出现空格。

我的第一种方法是使用浮动 div，但在移动设备上查看时会出现一系列不同的问题。

我发现了这个问题，但没有一个建议对我有用。如何消除电子邮件中表格行之间的分隔？

4

1 回答 1

5

在您的所有图像中，添加"display: block;". 我怀疑这实际上是一个图像问题。此外，您必须在电子邮件中进行基于表格的布局。不要尝试使用现代策略！一切的表格和内联样式。另外，尝试折叠一些空白区域。

于 2013-10-30T19:20:47.187 回答