有没有办法在 html 电子邮件中的 Gmail 中设置行高

Question

我已经编写了一封 HTML 电子邮件。

我尝试使用像素和百分比设置行高内联，而 gmail 似乎忽略了一切。有没有办法设置这个或者 gmail 总是会删除我的行高值？

伪代码是：

<div>
<span style="line-height: 110%">Text content</span>
</div>

谢谢

Answer 1

在

<div>

中设置行高，而不是在

<span>

中。 Gmail 似乎也在

<p>

元素中忽略了它。

Answer 2

我总是使用下面的样式来修复 Gmail 中的行高。

<style>
.ExternalClass * {
line-height: 100%;
}  
</style>

Answer 3

您是否尝试过使用其他设备？也许

em

或者只是一个没有单位的乘数？例如，

line-height: 2

将

font-size

的值加倍。

否则，请检查 http://24ways.org/2009/rock-solid-html-emails 了解有关 HTML 电子邮件的更多信息，并向我们发布您的完整代码。

Answer 4

我的测试发现，如果将行高放入容器表中，则行高有效。

<table style="line-height: 100%;">
  <tr>
    <td>
      <span>Content</span>
    </td>
  </tr>
</table>