在TD上垂直對齊電子郵件模板或新聞簡報

正如您在本網站上推薦的，我爲我的電子郵件模板和新聞簡報使用嵌套表格。但是，我對垂直對齊有問題。在TD上垂直對齊電子郵件模板或新聞簡報

代碼...

… 
<td align="center" height="30px" valign="middle" > 
    <p style="font-family: Verdana; font-size: 16px;" align="center"> 
    Here is the text 
    </p> 
</td> 
…

現在的解釋......

當我看到它在我的電子郵件客戶端（雷鳥），我沒有問題的。

當我在我的android手機上看到我的outlook應用程序時，我也沒有問題。

但是，當我通過live.com的網絡郵件看到它時，它尊重TD的高度，而不是valign屬性。

我的問題是否有一種通用的方法來垂直對齊這些內容？如果我在WEB上工作，我知道有幾個，但是，因爲所有人都推薦TABLES用於電子郵件模板，所以我被困住了。

有什麼建議嗎？

非常感謝。

解決：

爲<span>更改<p>和使用VALIGN（因爲垂直對齊：中並不適用於所有的平臺上工作）我看到同樣的應用程序，在實時網絡郵件和雷鳥。

來源

2015-08-28 Tom

你爲什麼不嘗試在樣式中使用垂直對齊？它爲我工作。

<td align="center" height="30px" style="vertical-align:middle; " > 
    <p style="font-family: Verdana; font-size: 16px;line-height:30px;" > 
    Here is the text 
    </p> 
</td>

我改變了樣式。我覺得p標籤是沒有必要在這裏：

<td align="center" height="30px" style="vertical-align:middle;font-family: Verdana; font-size: 16px;line-height:30px; " >  
    Here is the text 
</td>

來源

2015-08-28 04:35:22

仍然無法正常工作。同樣的結果：在webmail（live.com）下顯示爲沒有對齊或頂端對齊。無論如何，謝謝：D – Tom

@Tom玩p標記，嘗試添加行高，也許可以幫助 –

@Tom，我認爲p標記不需要在這裏，請嘗試我所做的更改 –

構建3行

<tr> 
<td height="10">&nbsp;</td> 
</tr> 
<tr> 
<td>Your content here</td> 
</tr> 
<tr> 
<td height="10">&nbsp;</td> 
</tr>

可能需要使用一些行高和MSO線高度規則：正好等在那裏，以它一致，但應該強制中間垂直對齊所有客戶端。

來源

2015-08-28 16:19:00 Gortonington

在TD上垂直對齊電子郵件模板或新聞簡報

回答

相關問題