使用Campaign Monitor發送電子郵件，有什麼辦法擺脫垂直對齊表中文本上方的5px空格？

發送大量電子郵件，幾乎所有東西都在表格內。使用Campaign Monitor發送電子郵件，有什麼辦法擺脫垂直對齊表中文本上方的5px空格？

CSS影響表：

.title { 
vertical-align: top; 
}

HTML：

<table width="580" border="0" cellspacing="0" cellpadding="0"> 
<tr> 
<td class="title" align="left" width="440" valign="top"> 
<h2><singleline label="Title">Enter your title</singleline></h2> 
<p><multiline label="Description">Description</multiline></p> 


</td> 

<td align="left" valign="top" width="20"><img src="/images/00.gif" height="1" width="20" border="0"></td> 

<td align="left" valign="top" width="120"><img src="/images/001.jpg" editable="true" label="Image" width="120" border="0"></td> 
</tr> 
<tr> 
<td colspan="3" align="left" valign="top" width="580"><img src="/images/00.gif" height="20" width="1" border="0"></td> 
</tr> 
</table>

我需要在標籤內的文字與表格的頂部齊平。目前/ images/001/jpg是齊平的，但是文字在表格邊緣以下5個像素。

我在CSS中使用vertical-align：top，嘗試了border-spacing：none，border-collapse：collapse和border：none。他們都沒有解決這個問題。

使用margin-top：-5px;在標籤上解決了標準瀏覽器測試中的問題，但不被某些電子郵件客戶端支持。

來源

2011-11-28 MWhitmore

什麼瀏覽器或電子郵件閱讀器？ – Amy

IE 7,8,9 Firefox，Safari，Chrome gmail，outlook 07/10 – MWhitmore

這是來自Campaign Monitor的Ros。什麼是不完全明顯的是，<單線>和<多>標籤轉換成<p>內容</P >

...當導入的Campaign Monitor編輯器。正是這些<p>正在創建此額外填充的標記 - here's an example。

避免這種情況的最簡單方法是添加p {margin：0;填充：0; }到你的CSS樣式。

希望這會爲您解決此問題。請注意，we have a forum用於回答這樣的問題，因此可以隨時在此處發佈您的模板代碼。

非常感謝大家誰在這裏貢獻！

來源

2011-11-29 04:50:37

將

valign="top"

您TD的文本。如果電子郵件客戶端不能識別CSS，它應該識別標準的HTML屬性。另外，如果這不能解決問題，你可以編輯你的Q，並添加你正在使用的「標題」CSS定義的定義。

來源

2011-11-28 17:42:56 Chris

編輯它，並更改了代碼，沒有任何改變。 – MWhitmore

我假設你指的是H2標籤內的文本。

創建一個類爲<h2>

.noPad { 
padding-top: 0px; 
}

或者不使用H2和只使用一個跨度或div元素。

來源

2011-11-28 21:28:29 Robert

嘗試span和div，沒有變化。 – MWhitmore

它只是在電子郵件客戶端？如果你創建一個簡單的HTML頁面，它會做你所期望的嗎？ – Robert

在標準瀏覽器或電子郵件客戶端中顯示不正確。 – MWhitmore

它可能只是相對於保證金/填充文本的行高 - 檢查以及

來源

2013-04-04 13:32:00 brendan

羅斯的建議，足夠的大部分時間，但Gmail中刪除您的標題樣式留下插入p標籤與gmail的默認邊界頂部和底部。

解決此問題的替代方法是在多行標記中添加div標記。這將成功阻止Campaign Monitor使用p標記封裝您的內容。

這裏有一個結構，例如：

<multiline> 
    <div> 
     Your Content Goes Here. 
    </div> 
</multiline>

來源

2014-09-11 21:02:43 Byron

使用Campaign Monitor發送電子郵件，有什麼辦法擺脫垂直對齊表中文本上方的5px空格？

回答

相關問題