html - 社交图标表不断增加边距

Question

我正在制作一个邮件 html 页面，我的社交按钮一直有某种我无法消除的边距。我在下面发布了我的代码和一个 fiddle ，这样你就可以看到我卡在哪里了。

https://jsfiddle.net/zh78uc9s/

代码:

<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>

Answer 1

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

td { 
    display: inline-block; 
}

JsFiddle