社交图标表不断增加边距答案

【问题标题】：Social icons table keeps adding margin社交图标表不断增加边距
【发布时间】：2016-02-10 13:52:53
【问题描述】：

我正在制作一个邮件 html 页面，而我的社交按钮一直有一些我无法解决的余量。我在下面发布了我的代码和小提琴，这样你就可以看到我卡在哪里了。

代码：

<td rowspan="10" style="text-align: left" valign="top" width="auto" border="0" cellspacing="0" cellpadding="0">
                    <!--Social media knopkes en links-->
                    <table width="25px" height="100px" border="0" cellspacing="0" cellpadding="0">
                        <tbody>
                            <tr>
                                <td width="25" height="25"><img src="elementen/Spacer25.gif" width="25" height="25" border="0" cellspacing="0" cellpadding="0" alt="spacerke" /></td>
                            </tr>
                            <tr>
                                <td width="25" height="25">
                                    <a href="https://www.facebook.com/GyprocBelgium/"><img src="elementen/facebook.gif" width="25" height="25" border="0" cellspacing="0" cellpadding="0" alt="facebook" /></a>
                                </td>
                            </tr>
                            <tr>
                                <td width="25" height="25">
                                    <a href="https://www.youtube.com/user/SGGyprocBelgium"><img src="elementen/youtube.gif" width="25" height="25" border="0" cellspacing="0" cellpadding="0" alt="youtube" /></a>
                                </td>
                            </tr>
                            <tr>
                                <td width="25" height="25">
                                    <a href="https://www.linkedin.com/company/saint-gobain-construction-products-belgium-division-gyproc"><img src="elementen/linkedin.gif" width="25" height="25" border="0" cellspacing="0" cellpadding="0" alt="linkedin" /></a>
                                </td>
                            </tr>
                            <tr>
                                <td width="25" height="25">
                                    <a href="https://twitter.com/GyprocBE"><img src="elementen/twitter.gif" width="25" height="25" border="0" cellspacing="0" cellpadding="0" alt="twitter" /></a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>

【问题讨论】：

标签： html css mailing

【解决方案1】：

每个社交按钮之间的边距缝合td的样式设置，试试

td { 
    display: inline-block; 
}

JsFiddle

【讨论】：