如何刪除電子郵件中發送的表格行之間的白線？

我的影片被用來組圖片的HTML電子郵件內容如何刪除電子郵件中發送的表格行之間的白線？

<table cellpadding="0" cellspacing="0"> 
     <tr> 
      <td colspan="2"> 
       <img src="/SaveDateHeader.png" style="border: none;font-size: 14px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;" /> 
      </td> 
     </tr> 
     <tr><td colspan="2"><img src="/body.png" style="border: none;font-size: 14px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;" /></td></tr> 
     <tr> 
      <td> 
       <a href="" target="_blank"> 
        <img src="/leftfooter.png" style="border: none;font-size: 14px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;" /> 
       </a> 
      </td> 
      <td> 
       <a href="" target="_blank"> 
        <img src="/rightfooter.png" style="border: none;font-size: 14px;font-weight: bold;height: auto;line-height: 100%;outline: none;text-decoration: none;text-transform: capitalize;" /> 
       </a> 

      </td> 
     </tr> 
    </table>

它看起來前景很好，在移動在下表中，但是當我看到它gmail.com空間錶行之間出現。

我的第一種方法是使用浮動div，但在移動設備上查看時遇到了一系列不同的問題。

我發現這個問題，但沒有任何建議爲我工作。 How to remove the divide between table rows in e-mail shot?

來源

2013-10-30 Smeegs

可能是一個圖像相關的問題，而不是一個表相關的問題。 – Stieffers

我會玩弄圖像，看看我能不能做得更好。但是，使用開發人員工具，我可以確定這種差距不是由圖像引起的。我檢查了每個元素，看起來它是單元格或行。由於最後一行中的兩個單元格之間沒有出現間隙，因此我認爲它是行。但我相當肯定這些圖像不會引起問題。 – Smeegs

給所有的圖片添加"display: block;"。我懷疑它實際上是一個圖像問題。此外，您必須在電子郵件程序中執行基於表格的佈局。不要嘗試使用現代策略！表格和內聯樣式的一切。另外，嘗試摺疊一些空白區域。

來源

2013-10-30 19:20:47

我不確定哪一個做到了，但是我將所有樣式內聯移動，將顯示更改爲阻止並刪除所有空格和換行符。它的工作。謝謝！ – Smeegs

如何刪除電子郵件中發送的表格行之間的白線？

回答

相關問題