GMail強制TD包含spacer.gif爲16px高

所以我失去了幾個小時的生活，試圖贏得這場戰鬥，沒有運氣。總之，我試圖用三張10px圖像填充表格，但GMail強制每個單元格爲16px。這是我的工作：GMail強制TD包含spacer.gif爲16px高

<table border="0" cellpadding="0" cellspacing="0" width="550" style="height:10px !important"> 
    <tr style="height:10px" height="10"> 
    <td width="10" height="10" style="height:10px !important"> 
     <img src="http://s3.amazonaws.com/meagain/images/templates/letterhead/corner_tl.gif" style="display:inline; padding: 0px; margin:0px" width="10px" height="10px"></td> 
    <td width="531" height="10" style="height:10px !important; background-color:#FFFFFF;"> 
     <img src="http://s3.amazonaws.com/meagain/images/templates/letterhead/spacer.gif" style="display:inline; padding: 0px; margin:0px" width="10px" height="10px"></td> 
    <td width="9" height="10" style="height:10px !important"> 
     <img src="http://s3.amazonaws.com/meagain/images/templates/letterhead/corner_tr.gif" style="display:inline; padding: 0px; margin:0px" width="9px" height="10px"></td> 
    </tr> 
</table>

我很抱歉，有這麼多的冗餘屬性，因爲我一直在嘗試一切。基本上，我試圖讓桌子高出10px。但是，無論如何，GMail使它高出16px。如果我使用開發人員工具直接從源代碼中刪除所有三個圖像，那麼表格會摺疊爲10px。另外，如果我從三張圖像中刪除2張，它仍然保持16px。就好像TD必須是16px，如果它包含圖像，或者圖像周圍有3px的填充。

有沒有人遇到類似這樣的事情？如果是這樣，有什麼想法？我跑出來的思想，理智..

來源

2012-02-12 Anthony

我們可以在此獲得更多的上下文嗎？這是怎麼發生的？在gmail.com你是動態插入表代碼的地方？或者您正在編輯現有的表格？這是通過Chrome擴展程序？ – mrtsherman 2012-02-12 04:40:29

像Herbie說的那樣，確保你在TD上設置了行高。

此外請確保您有一個字體大小設置，因爲gmail可能會根據該單元格中的空格字符設置TD的最小高度。一般來說，在沒有任何文本的單元格中設置1px的字體大小是很好的做法。

它看起來像這是HTML電子郵件創建，是否正確？看看這個有什麼其他的問題 - 它幫助我瞭解了一些技巧http://www.emailology.org/#1和http://www.campaignmonitor.com/resources/。

來源

2012-02-12 09:35:01 JuanOjeda

我們有一個贏家！謝謝胡安 - 我甚至沒有想過行高。希望我的頭髮會很快重新生長.. – Anthony 2012-02-14 02:38:13

我不能評論，所以我會後作爲一個答案......

16px的聽起來像一個行高值。您是否嘗試將每個TD的行高設置爲10px或將每個IMG從內聯更改爲內聯塊？

來源

2012-02-12 06:55:19 Herbie

我試圖找出你的解決方案。

這是字面的解決方案，把這個在您的TD標籤：

style="line-height:0"

來源

2012-08-15 20:18:11 Emmanuel

在你<img>標籤，你可以把這個：

style="display:block;"

...或者你可以使高度到max-height。它應該解決你的問題。

來源

2012-11-30 03:10:21 violinxliu

在HTML - <img>標籤不是塊標籤，所以我們需要用下面的CSS讓它像塊標記

style="display:block;"

這項工作的CSS您給予高度將完美你的HTML頁面上工作。

試試一次！

來源

2015-11-24 06:19:04

GMail強制TD包含spacer.gif爲16px高

回答

相關問題