Question

我正在写一封HTML电子邮件。我已经将图像切成三块并编写了简单的html来将它们显示为一个图像。它可以在任何浏览器上使用，但是当我向yahoo / hotmail / outlook发送电子邮件时，它会在每个图像（底部）之后创建空间。请参阅下面的代码。

有什么想法吗？

<html><body>
<table border="0" cellpadding="0" cellspacing="0" height="944"  width="580">

                    <tr>
                        <td height="275" >
                            <a href="http://www.example.co.uk/page/search?q=mistral&amp;searchsubmit.x=0&amp;searchsubmit.y=0" target="_blank"><img  height="275"  src="http://p4trr.emv2.com/IL/0/4/1/1101020041/1951838857.jpg" style="border-width: 0px; border-style: solid; margin: 0px;" width="580" /></a></td>
                    </tr>
                    <tr>
                        <td height="326" >
                            <a href="http://www.example.co.uk/page/search?q=umbrian&amp;searchsubmit.x=10&amp;searchsubmit.y=10" target="_blank"><img height="326"  src="http://p4trr.emv2.com/IL/0/4/1/1101020041/183118939.jpg" style="border-width: 0px; border-style: solid; margin: 0px;" width="580" /></a></td>
                    </tr>
                    <tr>
                        <td height="343" >
                            <a href="http://www.example.co.uk/page/search?q=balzac&amp;searchsubmit.x=0&amp;searchsubmit.y=0" target="_blank"><img  height="343"  src="http://p4trr.emv2.com/IL/0/4/1/1101020041/1581670867.jpg" style="border-width: 0px; border-style: solid; margin: 0px;" width="580" /></a></td>
                    </tr>

            </table>
</body>
</html>

Answer 1

将td的行高设置为0，例如

<强> CSS

<style>
 table td {
   line-height: 0;  
 }
</style>

Answer 2

在CSS中只显示块中的列..

    td{
        display: block;
    }

删除html电子邮件中的表td空间

2 个答案: