Gmail電子郵件表格間距

我知道這匹馬剛剛被擊敗了......但我有一個Gmail表格間距問題，這只是在今天早上將我絆倒。Gmail電子郵件表格間距

<td valign="top"> 
     <img src="###/enewsletter_layout_v3_18.jpg" alt="" /> 
     <table cellpadding="0" cellspacing="0" style="background: #000; width: 700px; margin: 0 0 0 8px; text-align: center; color: #fff;"> 
      <tr> 
       <td valign="top" style="background: #890000; height: 50px; padding: 10px 15px; font-size: 24px; font-weight: bold;"> 
       New Patient Special Offer <br/> 
       Save $$$ 
       </td>     
      </tr> 
      <tr> 
       <td valign="top" style="background: #000; height: 50px; padding: 5px 15px 15px 15px;"> 
        <h1 style="font-size: 24px; font-weight: bold;">Do you have a question?</h1> 
        If you have read anything in this newsletter and have any questions or would like to 
        discuss further, please contact <br/> 
        The Centre at (555) 555-5555 
       </td>     
      </tr>   
     </table> 

    </td>

不管我做什麼，在桌子上有第一圖像（layout_v3_18）總是下設間距。 Gmail中大約有2-3個像素的空白區域。發生在電子郵件中的其他圖像上，但其餘的工作正常。無論我多少次比較表格，它都無法工作。

想法？

來源

2010-08-05 Craig Hooghiem

我最近遇到過這個問題。我們發現，最有效的代碼（閱讀：看在大多數郵件客戶端一致）如下：

<img src="###" style="display: block;" />

只需添加顯示：塊的每一個形象，它解決了這個問題。

來源

2011-03-13 00:22:12

這是正確的解決方案。 – mrbinky3000 2011-10-24 23:00:14

這應該是答案。 display：block對於跨電子郵件客戶端，跨瀏覽器和移動本地體驗來說要好得多，同時也發現了border-collapse：表格樣式的崩潰也很好。 – TheBlackBenzKid 2012-03-29 11:42:45

偉大的解決方案！我一直在尋找這個修補程序！ – laarsk 2012-05-06 10:55:56

回答我自己的問題（如果別人有類似的問題），我終於找到了問題（或解決方案）。

我在圖像本身添加了一個style="float: left"，它神奇地固定它。或者，如果在所有圖像上使用「display：block」，使用「display：block」往往會得到相似的結果，但float在其他地方完全正常工作時似乎清除了專門用於GMail的間距。

來源

2010-08-05 16:11:21

優秀！正是我想要的 – Moak 2010-08-08 07:56:48

Gmail可以在任何表格（包括嵌套表格）周圍添加空白區域。

雖然一個黑客位加入以下作爲內聯樣式表中的刪除空格：

style="font-size:0.0em;" ...

來源

2012-09-12 10:34:44

有同樣的問題，我在下面一行

style="line-height:1px;"

在上面的td標籤。

在我的文件列表中的html模板。

來源

2013-05-10 10:28:05 Twiggy

在圖像上使用display:block減少了圖像單元之間的一些空間，但並未消除所有間隙。

在父表上添加棄用的cellpadding/cellspacing屬性（<table border="0" cellpadding="0" cellspacing="0">），那些最後的差距也沒有了。

來源

2013-05-25 20:43:52 phils

我有同樣的問題，做了所有上述風格的選項，但沒有任何工作。我把桌子的高度縮短了一些，並且去掉了所有的間距。

來源

2015-03-20 16:43:00

這是如何構成答案的？這是一條評論。 – mccainz 2015-03-20 17:02:09

Gmail電子郵件表格間距

回答

相關問題