html - 仅使用 HTML 垂直对齐段落

Question

我正在尝试为邮件签名创建 HTML 代码。

<p>
<a style="color: #191919; font-family: Open Sans; line-height:3" href="mailto: [e-mail]" <img src="img.png"/></a> 
<a style="color: #191919; font-family: Open Sans;" href="mailto: =[e-mail]">[e-mail]</a> </p>

我希望文本垂直对齐到行的中间。有没有办法在不使用 CSS 的情况下实现它？（电子邮件界面不支持 CSS）。它应该最终看起来像这样：

行高对我不起作用。有没有人有任何建议如何在没有 CSS 的情况下实现它？

标签： html

Answer 1

这可能看起来违反直觉（对我来说确实如此），但是，在这种情况下，您总是需要应用 CSS 样式：

vertical-align: middle

对图像，而不是对文本。

像这样：

a img {
 vertical-align: middle;
}

---

工作示例：

a {
 color: #191919;
 font-family: sans-serif;
}

a img {
 vertical-align: middle;
}

<p>
<a href="mailto: [e-mail]">
<img src="img.png" />
[e-mail]
</a>
</p>