HTML表格和幾個電子郵件客戶端上的神祕高度

因此，我已經與HTML電子郵件作鬥爭並且包括Outlook支持一段時間了。在Gmail和Outlook下面的代碼中都顯示高度爲15px。爲什麼？它的唯一目的是作爲虛線分隔線的交叉客戶端小時替換。HTML表格和幾個電子郵件客戶端上的神祕高度

<!-- Dotted Horizontal border Outlook Optimized--> 
<table style="width:100%;border-bottom:1px dotted #999999;" align="center" border="0" cellpadding="0" cellspacing="0"> 
    <tbody align="center" border="0" cellpadding="0" cellspacing="0"> 
     <tr align="center" border="0" cellpadding="0" cellspacing="0"> 
     <td style="background:none;height:1px;width:100%;vertical-align:middle;" border="0" cellpadding="0" cellspacing="0" ></td> 
     </tr> 
    </tbody> 
</table>

enter image description here

UPDATE：因此，它因爲有一個「空」的單元格。我認爲會照顧它，但需要更多。我也嘗試將1px圖像放在單元格中，正如@Vitorino Fernandes所提到的那樣，高度依然存在。

實際上，nbsp需要存在幾個電子郵件客戶端和使用line-height：0px;終於把這個牢房弄平了。

來源

2014-09-27 BenRacicot

根據你的代碼我知道你使用的表給予邊界 - 不要使用表，因爲空表會給一些空間使用TD代替和間距圖像的高度1px（廣告每邊界高度），並給予BG-顏色TD

，或者如果你想使用相同的佈局

與1px的高度和背景color-空TD添加間隔圖像，按您的邊界，給的line-height：1px的到父tr

來源

2014-09-27 09:21:00

我會建議使用列表標籤，並根據需要用內聯樣式裝飾它們 – 2014-09-27 09:32:13

I認爲會爲我照顧？因此，請在1px X 1px處製作透明圖片並將其放置在那裏以強制嚴格的高度？ – BenRacicot 2014-09-27 14:58:53

是的，這將是很好的 – 2014-09-27 15:13:30

HTML表格和幾個電子郵件客戶端上的神祕高度

回答

相關問題