8

我目前正在尝试解决在浏览器和通过 gmail 中呈现良好的 html 电子邮件的一些问题，但不幸的是，我在 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>

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

4

2 回答 2

15

添加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"用于水平对齐。

只要记住你需要height=""或width=""设置在同一个<td>元素上。

于 2013-11-14T15:00:57.403 回答
-1

对我来说，让它工作，重要的是指定height和作为 HTML 属性并在 CSS元素中align="center"重复。heightstyle

	

<td colspan="3" align="center" height="80px" width="100%"  
style="font-family: Arial, Helvetica, sans-serif; font-size: 14px;
color:#666666;   height: 80px;   background: #cccccc;
padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;">
             <strong>for internal use</strong>
       </td>

所有基于 Word 的 Outlook（2007 - 2016 年）都存在对齐问题。

于 2017-09-15T14:20:13.507 回答