Question

好的，我有这个html模板。它是在photoshop中创建的，然后我使用切片工具导出图片。

现在，当我发送邮件时，gmail和yahoo渲染正常但是outlook ...在图像（表格）之间创建空白

http://img545.imageshack.us/img545/4240/j98x.jpg

你能告诉我如何解决这个问题吗？仅在Outlook中我有这个问题（大）

我使用这个CSS

    <style type="text/css">            
        #outlook a{padding:0;} 
        body{width:100% !important;} 
        body{-webkit-text-size-adjust:none;} 

        body{margin:0; padding:0;}
        img{border:none; font-size:14px; font-weight:bold; height:auto; line-height:100%; outline:none; text-decoration:none; text-transform:capitalize;}
    </style>

每个图像的

和corse style =“display：block”

Answer 1

您好，以避免在简报中的图像之间出现空格，

我们必须给出display：block;为每个图像和边框：0px; for table and td，tr。

希望它会对你有所帮助。

由于

Answer 2

尝试将此添加到您的CSS：

table td {border-collapse: collapse;}

并确保您的图片都具有此功能：

style="margin: 0; border: 0; padding: 0; display: block;"

Answer 3

我同意苏曼确保如果您在电子邮件简报中使用图像 - 您也可以使用内联样式。

示例：<img src="image path/image.ext" style="display: block;" />

您可能想要阅读本教程creating html email newsletter - 它可以帮助您！

Outlook html简报中的空白区域

3 个答案: