我目前有一个奇怪的(嗯,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 中制作图像和文本,否则图像在下面的另一个图像之间有空间。
有没有其他人遇到过类似的问题?有任何想法吗?
问候, 巴塞卡斯