HTML電子郵件垂直對齊

我目前有一個奇怪的問題（以及，html電子郵件......）垂直顯示，它驅使我堅果。HTML電子郵件垂直對齊

基本上我得到的是表格：左邊的文字和右邊的圖片。問題是，文本是垂直對齊top.I已嘗試valign="middle"，css vertical-align:middle;，甚至line-height:value;沒有任何幫助。該圖像是basicly在TD的頂部（TD高度就像是圖像的高度相同）

這裏是代碼：

<table border="0" cellpadding="0" cellspacing="0" width="600" id="header"> 
<tr>  
<td border="0" cellpadding="0" cellspacing="0" width="600" align="left" valign="middle" style="text-transform: uppercase;font-family: tahoma,geneva,sans-serif;font-size: 14px;color: #898989;letter-spacing: 2px;"> 
<strong>Text field</strong> 
<img src="link_to_image.jpg" style="display:block;" align="right" valign="bottom" width="230" height="49" alt="Logo"> 
</td> 
</tr> 
</table>

我需要讓圖像和文字在同一個TD，否則圖像有另一個圖像之間的空間在這一個下面。

還有沒有其他人遇到過類似的問題？有任何想法嗎？

問候， Baseckas

來源

2012-11-23 Baseckas

將td分成兩個列不是一個選項 – defau1t

你可以讓它在瀏覽器中運行，但考慮到它是一個HTML的電子郵件，你必須將你的表格單元格中的兩列，並有一列文字和另一個colomn圖像。這是Outlook將正確解讀它的唯一方式。你可能會嘗試在一個div中使用圖像標籤，但這種方法在前景方面又有缺陷。

來源

2012-11-23 12:17:22 defau1t

爲文本添加div，可以提供更多的垂直空間（我不需要），填充或邊距都不會有幫助。我開始這個深度工作的原因是Outlook（因爲圖像之間的空間）。事情是，這個安排必須是預先準備的，因爲那個圖像是圖像的一部分。將表格單元分成兩部分，把它弄混了，我試圖避免擺在首位。無論如何謝謝你的答案。 – Baseckas

如果將td分成兩列，就會把這些東西混淆起來，那麼代碼中就會出現其他錯誤。將td分成2個列是唯一可行的方法 – defau1t

感謝您的建議。我會仔細看看的。至少現在我會知道工作的方式。 – Baseckas

HTML電子郵件垂直對齊

回答

相關問題