社交图标 table 不断增加利润

Question

我正在制作一个邮寄 html 页面，我的社交按钮总是有一些我无法消除的空白。我在下面发布了我的代码和一个 fiddle 这样你就可以看到我卡在哪里了。

代码：

<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

社交图标 table 不断增加利润

Social icons table keeps adding margin

html

css

mailing