html – outlook中的垂直文本对齐不以[与图片]为中心

概述我正在尝试解决一些html电子邮件的问题,这些问题在浏览器和gmail中呈现良好,但不幸的是我在Outlook中垂直对齐文本时遇到问题(它坚持到底部). 这张图片显示了什么是错的： <td align="center" style="font-size:17px;font-weight:bold;line-height:62px;"><a href="url" style="text-decora 我正在尝试解决一些HTML电子邮件的问题,这些问题在浏览器和gmail中呈现良好,但不幸的是我在Outlook中垂直对齐文本时遇到问题(它坚持到底部).

这张图片显示了什么是错的：

<td align="center" ><a href="url" >THE WORLD'S BEST BRANDS</a></td></tr><tr>    <td align="center"><a href="url" ><img src="url" alt="XXXX" wIDth="593" height="100"   /></a></td></tr></table>                                                </td></tr><tr>    <td align="center" ><a href="url" >ESSENTIALS</a></td></tr>

知道如何解决这个问题吗？

解决方法 将valign =“mIDdle”和高度添加到< td>您希望文本垂直居中：

<tr>  <td align="center" valign="mIDdle" height="100" >    <a href="url" >ESSENTIALS</a>  </td></tr>

在HTML电子邮件中,始终使用,

valign =“top | mIDdle | bottom”用于垂直对齐和

align =“left | center | right”用于水平对齐.

请记住,您需要在相同的< td>上设置height =“”或wIDth =“”.元件.

总结

以上是内存溢出为你收集整理的html – outlook中的垂直文本对齐不以[与图片]为中心全部内容，希望文章能够帮你解决html – outlook中的垂直文本对齐不以[与图片]为中心所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。