6

我目前有一个奇怪的(嗯,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 中制作图像和文本,否则图像在下面的另一个图像之间有空间。

有没有其他人遇到过类似的问题?有任何想法吗?

问候, 巴塞卡斯

4

1 回答 1

6

你可以让它在浏览器中工作,但鉴于它是一个 html 电子邮件,你必须将你的表格单元格分成两列,一列是文本,另一列是图像。这是 Outlook 正确解释它的唯一方法。您可以尝试将图像标签包裹在 div 中,但这对于前景而言又存在缺陷。

于 2012-11-23T12:17:22.770 回答