html - 表格 CSS 内边距、单元格间距等

Question

我的两个自定义社交按钮。我把它们放在一张 table 里，并将它们设置为内联 block ，但它们之间有很大的空间!我该如何缩小这个差距？我已将表设置为类名“share”。我想通过样式表进行编辑，因为我不想遍历每一页并编辑其代码。

<table class="share">
<tr style="background-color: white;">
<td style="border: none;">
<a href="javascript:;" onclick="window.open('http://www.facebook.com/sharer.php?u='+escape(location.href));likePop();" class="fb-share" style="text-decoration:none"><span style="padding:10px; font-size:15px; text-align: center; background-color:#3B5998; font-weight:bold; font-family: Verdana; color:white; border-radius:10px;">Share on Facebook</span></a></span></span></p>
</td>
<td style="border: none;">
<a href="javascript:;" onclick="window.open('http://twitter.com/share?text='+window.og_title+'&amp;url='+escape(location.href));" class="tw-share" style="text-decoration:none"><span style="padding:10px; font-size:15px; text-align: center; background-color:#55acee; font-weight:bold; font-family: Verdana; color:white; border-radius:10px;">Tweet</span></a></span></span></p>
</td>
</tr>
</table>

Answer 1

好的，据我所知，您将很难仅使用 css，因为您的 Html 标签中已经有样式。

CSS:这将使它们结合在一起。 Fiddle

table { 
    border-spacing: 0px;
    border-collapse: separate;
}
td { 
    padding: 0px;
}