Html 去掉桌子的间隔？

请参见

我从这个复制了代码，在那里它工作得很好， 但在我的网站上，它显示了细胞之间的巨大差距

我查过了，它没有覆盖任何内容

        table td {
  border-collapse: collapse;
  border-spacing: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}


    td.fa-info-circle a
{
    display: block;
}

td.fa-phone a
{
    display: block;
}

我甚至试过了，但没用

<table cellspacing="0px" style="border-spacing:0px">
    <tr>
        <td class="fa fa-info-circle"><a href="info.html">Tietoa Meistä</a></td>
        <td class="fa fa-phone"><a href="contact.html">Ota yhteyttä</a></td>
        <td class="fa fa-phone"><a href="contact.html">Ota yhteyttä</a></td>
    </tr>
</table>

fa info circle

调用类中的内容

---

.fa信息圈：在{content:“\f05a”}

之前，这是一个图标。使用FontAwesome。

回答评论中的问题：

要修复

更改

显示：内联至<代码>显示：块用于第236行的
表td a{

将类

的第535行处的
显示：内联块；
更改为
显示：块；
。fa:before

---

编辑2:检查

看起来你需要清除浏览器的缓存。我看到它没有间隙，也没有图像。同意@bansi，我看到没有间隙！！哦，谢谢。现在间隙消失了。没有图像是什么意思？旁注：你的css与旧浏览器不兼容。首先，我用opera 12进行了测试，我知道ow IE9一团糟。谢谢。但有一个问题：我如何在图标上扩展链接？尝试设置高度，但它向下扩展了链接。你的意思是你想让图像也成为链接的一部分（可单击）？没错。我怎么做？你可能还需要添加

表td a:hover{text decoration:none；}

否则，当您将鼠标悬停时，您会看到一条丑陋的线条感谢您的注意，现在该图标的链接如何？

table td a {
    color: inherit;
    text-decoration: none;
    display: inline;
    padding: 0px;
    width: 150px;
    margin-left: auto;
    margin-right: auto;
}