在html電子郵件中刪除表格td空間

我正在寫一個html電子郵件。我已經將圖片分成三部分，並寫了簡單的html來將它們顯示爲一張圖片。它在任何瀏覽器上都很流行，但是當我發送電子郵件到yahoo/hotmail/outlook時，它會在每個圖像（底部）之後創建空間。看到我的代碼如下。在html電子郵件中刪除表格td空間

有什麼想法？

<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>

來源

2014-10-08 Sheikh Siddiquee

我給你留下了一些關於如何改進這些代碼的進一步評論。 – davidcondrey 2014-10-08 10:44:51

設置的td線高度0等，

CSS

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

來源

2014-10-08 09:55:57

謝謝。這工作得很好。 – 2014-10-08 10:03:03

嗨，只是注意到這不適用於Hotmail桌面。任何想法？ – 2014-10-22 13:01:11

@SheikhSiddiquee您使用哪種瀏覽器？ – 2014-10-22 13:04:05

在CSS只是顯示在塊列..

td{ 
     display: block; 
    }

來源

2014-10-08 10:05:57 Shhzdmrz

在html電子郵件中刪除表格td空間

回答

相關問題