我正在尝试解决一些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 =“”.元件.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。