在 TD 上垂直对齐电子邮件模板或时事通讯

Question

正如您在本网站上所推荐的那样，我将嵌套表格用于我的电子邮件模板和简报。但是，我的垂直对齐有问题。

代码……

…
<td align="center" height="30px" valign="middle" >
  <p style="font-family: Verdana; font-size: 16px;" align="center">
    Here is the text
  </p>
</td>
…

现在解释一下……

当我在我的电子邮件客户端 (Thunderbird) 上看到它时，我没有遇到任何问题。

当我在我的安卓手机上的 Outlook 应用程序上看到它时，我也没有问题。

但是，当我通过 live.com 的网络邮件看到它时，它尊重 TD 的高度，但不尊重 valign 属性。

我的问题……有没有一种通用的方法可以垂直对齐这些内容？如果我在 WEB 上工作，我知道几个，但是，因为所有电子邮件模板都推荐 TABLES，所以我被困住了。

有什么建议吗？

非常感谢。

已解决：

将 <p> 更改为 <span> 并使用 valign（因为 vertical-align:middle 在所有平台上都不起作用）我在应用程序、实时网络邮件和雷鸟。

Answer 1

构建 3 行

<tr>
<td height="10">&nbsp;</td>
</tr>
<tr>
<td>Your content here</td>
</tr>
<tr>
<td height="10">&nbsp;</td>
</tr>

可能需要在其中使用一些 line-height 和 mso-line-height-rule:exactly 等以使其保持一致，但应强制在所有客户端之间进行中间垂直对齐。

Answer 2

你为什么不尝试在样式中使用垂直对齐？ 它对我有用。

<td align="center" height="30px" style="vertical-align:middle; " >
  <p style="font-family: Verdana; font-size: 16px;line-height:30px;" >
    Here is the text
  </p>
</td>

我改变了风格。 我认为这里不需要 p 标签：

<td align="center" height="30px" style="vertical-align:middle;font-family: Verdana; font-size: 16px;line-height:30px; " >      
    Here is the text
</td>