Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/blackberry/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 删除由<;引起的表格单元格中的空间;a>;标签_Css - Fatal编程技术网

Css 删除由<;引起的表格单元格中的空间;a>;标签

Css 删除由<;引起的表格单元格中的空间;a>;标签,css,Css,我正在处理电子邮件签名,我希望下面三行的高度尽可能小。对于第三行,额外的垂直空间可能会出现,因为它包含链接,而不仅仅是跨距标记。我想去掉那个额外的垂直空间 是否有内联CSS,我可以添加,而不是在这里已经消除这一点 我不想增加更多的空间,也不想让行的高度变大 <tr> <td valign="bottom" style="padding: 0; margin: 0;"><span class="appleLinks" style="color: #4140

我正在处理电子邮件签名,我希望下面三行的高度尽可能小。对于第三行,额外的垂直空间可能会出现,因为它包含链接,而不仅仅是跨距标记。我想去掉那个额外的垂直空间

是否有内联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>

地址|地址行2
电话:|传真:

您正在哪个浏览器中尝试此操作

我似乎不能重复你的问题。我在Chrome(版本22.0.1229.94)和Firefox(版本16.0.2)中试用过:

下面是一个JSFIDLE:

你没有完整的代码,所以我对表格做了一些假设

我加入了边框,这样就可以看到文本和单元格壁之间有多大的空间


我不知道有哪种CSS可以修改字体中的任何额外像素(如果这是问题的话),但一般来说,边距和填充应该设置为0,就像您所做的那样。一旦我可以复制您的问题,那么我就能够更好地解决问题。

问题的根源不是链接,而是空格。在单元格中,元素外有空格字符。空格有一个字体大小,可能是页面的默认字体大小,这增加了高度要求

最简单的解决方案是设置
字体大小:10px;字体系列:
td
元素的
style
属性中的Georgia
。然后可以从
td
中的元素中删除这些设置。警告:我不是HTML电子邮件方面的专家,我无法判断是否有些电子邮件客户端无法支持在表格单元格上设置此类属性(但我会觉得这很奇怪)

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


顺便说一句,我觉得10px乔治亚很难读懂。这也许不是违法的,但应该是。

或者只是在td内容周围放一份span副本<代码>{{content}}很困惑,因为这似乎与我在原始示例中看到的相似?请在答案中包含您的代码,而不仅仅是指向JSFIDLE的链接。这不是真正的答案。澄清请求和无法再现问题的注释属于注释。在Widows 7/Chrome中工作,我的表结构和属性与您的示例相同。现在看来有效的方法是在td的style属性中添加行高声明