Question

我正在制作电子邮件签名，我希望下面的所有三行都有尽可能小的高度。第三行出现额外的垂直空间可能是因为它包含链接，而不仅仅是span标签。我想删除那个额外的垂直空间。

是否有我可以添加的内联CSS，这已不是为了消除它？

我不想添加更多空间并使行高更大。

  <tr>
    <td valign="bottom" style="padding: 0; margin: 0;"><span class="appleLinks" style="color: #414042; font-size: 10px; font-family:Georgia, 'Times New Roman', Times, serif; line-height: 14px;">Address|&nbsp;Address Line 2</span></td>
  </tr>
  <tr>
    <td valign="bottom" style="padding: 0; margin: 0;"><span class="appleLinks" style="color: #414042; font-size: 10px; font-family:Georgia, 'Times New Roman', Times, serif; line-height: 14px;">tel: &nbsp;|&nbsp;fax: </span></td>
  </tr>
      <tr>
    <td height="0" valign="bottom" style="padding: 0; margin: 0;">  <a style="color: #2D4F68; font-size: 10px; font-family:Georgia, 'Times New Roman', Times, serif;"  href="mailto:name@name.com"><span style="color: #2D4F68; font-size: 10px; font-family:Georgia, 'Times New Roman', Times, serif;" >name@name.com</span></a>&nbsp;
  <a style="color: #2D4F68; font-size: 10px; font-family:Georgia, 'Times New Roman', Times, serif;" href="http://www.linkedin.com/in/name"><span style="color: #2D4F68; font-size: 10px; font-family:Georgia, 'Times New Roman', Times, serif;" >LinkedIn</span></a>&nbsp;
  <a style="color: #2D4F68; font-size: 10px; font-family:Georgia, 'Times New Roman', Times, serif;" href="http://www.website.com"><span style="color: #2D4F68; font-size: 10px; font-family:Georgia, 'Times New Roman', Times, serif;" >www.website.com</span></a></td>
  </tr>

Answer 1

您正在尝试使用哪种浏览器？

我似乎无法复制您的问题。我在Chrome（版本22.0.1229.94）和Firefox（版本16.0.2）中尝试了它：

这是一个JSfiddle：http://tinyurl.com/a9dseu5

你没有完整的代码，所以我假设有关于桌子的一些事情。

我包含了边框，因此可以看到文本和单元格墙之间有多少空间。

我不知道任何可以修改字体中任何额外像素的CSS（如果这是问题），但一般情况下，边距和填充应该设置为0。一旦我能够复制你的问题，我就能更好地找出问题所在。

Answer 2

这不是链接，而是导致问题的空间。在单元格中，元素外部有空格字符。空格具有字体大小，可能是页面的默认字体大小，这会增加高度要求。

最简单的解决方案是在font-size: 10px; font-family: Georgia元素的style属性中设置td。然后，您可以从td中的元素中删除这些设置。警告：我不是HTML电子邮件专家，我无法判断某些电子邮件客户端是否支持在表格单元格上设置此类属性（但我觉得很奇怪）。

另一种解决方案是从td元素的内容中删除所有空格字符和换行符。

P.S。我发现10px格鲁吉亚非常难以理解。它可能不是非法的，但应该是。

删除<a> tag</a>导致的表格单元格中的空格

2 个答案: