Question

我目前有一个奇怪的问题（好吧，html电子邮件...）垂直显示，它让我疯狂。

基本上我所拥有的是桌子：左边的文字和右边的图片。问题是文本垂直对齐顶部。我尝试valign="middle"，css vertical-align:middle;甚至line-height:value;没有任何帮助。图像基本上位于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

Answer 1

你可以让它在浏览器中工作，但鉴于它是一个html电子邮件，你必须将你的表格单元划分为两列，并且一列包含文本和另一列colomn图像。这是Outlook正确解释它的唯一方法。您可以尝试在div中使用图像标记，但这又有前景的缺陷。

HTML电子邮件文本垂直对齐

1 个答案: