2012-02-06 51 views
0

n.b.這涉及到HTML的電子郵件編碼(限制適用)爲什麼重疊標籤設置表格樣式設置(顯然)會做同樣的事情?

舉例來說,在我的工作郵件黑猩猩電子郵件模板有這樣的:

<td valign="middle" width="140" style="vertical-align:middle; text-align: left;"> 

我猜他們是覆蓋基地,但是當一個應該使用valign="top"以及何時使用style="vertical-align: top;"(以及何時使用兩者)?

什麼是導致這種令人困惑的風格分配狀態的歷史?

+0

你意識到這是一個HTML電子郵件,而不是一個網頁,對不對? – BoltClock 2012-02-06 04:50:09

+0

是的,我忘了明確地說,謝謝! – 2012-02-06 05:07:31

回答

2

valign已棄用,不應在較新的應用程序中使用,因爲其未來版本的當前瀏覽器中不保證其支持。 vertical-align是垂直對齊內容的推薦CSS方式。

請參閱此鏈接的詳細信息:http://phrogz.net/css/vertical-align/index.html

+0

感謝您的鏈接。因此,在發送到各種未知的郵件客戶端時,使用這兩種方式是正確的? – 2012-02-06 05:06:40

+0

是的。唯一要確保的是,您既可以單獨使用,也不使用'valign',因爲目標客戶端軟件可能不支持該功能。同樣使用'display:table-cell;'和'vertical-align'可以讓你在非TD元素上也有這個。 – techfoobar 2012-02-06 05:27:54

+0

'非TD元素'如TR元素或其他所有元素一起? – 2012-02-06 06:48:37

1

由於valign已被棄用,一些電子郵件客戶端可能無法呈現。所以,有內聯CSS回退(因爲HTML電子郵件需要內聯CSS)。

我認爲它在這種情況下使用的主要原因是,無論如何,<td>正在中間垂直對齊。

相關問題