Fatal编程技术网
  • outlook/
  • HTML邮件-outlook 2013中图像之间的垂直间距为1px

HTML邮件-outlook 2013中图像之间的垂直间距为1px

outlook

HTML邮件-outlook 2013中图像之间的垂直间距为1px,outlook,html-email,outlook-2013,Outlook,Html Email,Outlook 2013,它在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>U

它在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>
我首先尝试添加display:block；将图像作为内联样式，并为表格添加边框折叠：折叠；也可以作为内联样式

如果这不能解决空间问题，那么有一些专门应用于Outlook的技术，您应该在下一步尝试。有一篇非常深入的文章介绍如何使用Outlook tables解决额外空间问题

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

我已经多次遇到这个问题。简单的解决办法。 在保存图像的tds上应用字体大小和行高。它将删除空间。使用小于图像高度的字体大小和行高

此外，显示：块非常重要。当然需要。

像这样设置图像标签。显示块对于Outlook来说是最重要的。此外，边框折叠不需要内联，如果您愿意，可以在标题样式标记中。这对我不适用。有人有工作示例吗？@Mr.Alien只有在表格单元格高度小于19px时，字体大小和行高度才起作用。因此，只有当图像的高度小于19px时，这才是正确的答案，否则juissa关于显示的答案是：block；从技术上讲是正确的…@johnmymailer在表格单元格中只有图像，添加了display:block；没有帮我清除空间，但是这个did@Mr.Alien您的图像是否低于19px高？我从来不需要使用行高或字体大小的解决方法，我在Outlook中进行了很多测试，所以它能解决这个问题很有趣…@John no，它变化很大，从20px到150px，而且Outlook很好，是gmail造成了空白，也不是gmail中的html界面，而是带有主题的界面，普通Gmail有大图像修复程序吗？我的一张图片上有一条1px的垂直线，我已经试了好几个小时了