我正在尝试解决一些html电子邮件的问题,这些问题在浏览器和gmail中呈现良好,但不幸的是我在Outlook中垂直对齐文本时遇到问题(它坚持到底部).
<td align="center" style="font-size:17px;font-weight:bold;line-height:62px;"><a href="url" style="text-decoration:none;color:#000001;">THE WORLD'S BEST BRANDS</a></td>
</tr>
<tr>
<td align="center"><a href="url" style="color:#000001;text-decoration:none;"><img src="url" alt="XXXX" width="593" height="100" class="brandsimage" style="display:block;border:0;" /></a></td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" style="font-size:17px;font-weight:bold;line-height:72px;"><a href="url" style="text-decoration:none;color:#000001;">ESSENTIALS</a></td>
</tr>
知道如何解决这个问题吗？
解决方法
将valign =“middle”和高度添加到< td>您希望文本垂直居中：
<tr>
<td align="center" valign="middle" height="100" style="font-size:17px;font-weight:bold;line-height:72px;">
<a href="url" style="text-decoration:none;color:#000001;">ESSENTIALS</a>
</td>
</tr>
在html电子邮件中,始终使用,
valign =“top | middle | bottom”用于垂直对齐和
align =“left | center | right”用于水平对齐.
请记住,您需要在相同的< td>上设置height =“”或width =“”.元件.
