1

它在 gmail、hotmail vb 中看起来不错，但我无法解决 Outlook 中的空间问题。它仅显示图像之间的 1px 空白并且仅垂直显示。任何帮助将不胜感激，谢谢。

这是我的代码。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Untitled Document</title>
</head>
<body>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr align="center">
            <td>
                <table border="0" cellspacing="0" cellpadding="0" style="width: 700px; border-spacing: 0px; font-family: Arial; margin: 0 auto; display: block; border-collapse: collapse">
                    <tr>
                        <td>
                            <img src="1.jpg" alt="mail" />
                        </td>
                        <td>
                            <img src="2.jpg" alt="mail" />
                        </td>
                        <td>
                            <img src="3.jpg" alt="mail" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <img src="4.jpg" alt="mail" />
                        </td>
                        <td>
                            <a href="#">
                                <img src="5.jpg" alt="mail" /></a>
                        </td>
                        <td>
                            <img src="6.jpg" alt="mail" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <img src="7.jpg" alt="mail" />
                        </td>
                        <td>
                            <img src="8.jpg" alt="mail" />
                        </td>
                        <td>
                            <img src="9.jpg" alt="mail" />
                        </td>
                    </tr>
                </table>

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

2 回答 2

5

我会首先尝试将display: block;图像添加为内联样式，并将表格添加border-collapse: collapse;为内联样式。

如果这不能解决空格问题，那么您接下来应该尝试一些专门适用于 Outlook 的技术。在 Acid上的电子邮件中，有一篇关于修复 Outlook 表格的额外空间问题的非常深入的文章。

您可能还想尝试在 td 标记内使用更多嵌套表。

于 2013-09-27T13:37:39.310 回答
2

我已经多次遇到这个问题。简单的修复。在保存图像的 tds 上应用 font-size 和 line-height。它将删除空间。使用小于图像高度的字体大小和行高。

display:block 也很重要。绝对需要那个。

于 2013-09-28T13:54:08.010 回答