css 如何修复电子邮件布局中的填充?

2lpgd968  于 2023-03-09  发布在  其他
关注(0)|答案(1)|浏览(96)

我有一个移动的版的电子邮件布局填充的问题。我认为td标签添加他们的填充未经许可,我不能修复它。也许你有主意的家伙?桌面版:enter image description here移动的版:这些块enter image description here代码:

<table border="0" cellpadding="0" cellspacing="0" style="margin-bottom: 10px;">
                                    <tr>
                                        <td>
                                            <table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0;">
                                                <tr style="margin:0; padding:0;">
                                                    <td class="link-td">
                                                        <a class="link" href="#" style="font-size: 11px;color: #08D2FF;font-weight: 600;text-decoration: none;margin: 0;margin-bottom: 5px;padding: 0;">dawcdawdcawdc</a>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0;">
                                                <tr style="margin:0; padding:0;">
                                                    <td class="link-td">
                                                        <a class="link" href="#" style="font-size: 11px;color: #08D2FF;font-weight: 600;text-decoration: none;margin: 0;margin-bottom: 5px;padding: 0;">awdcawdcawd</a>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0;">
                                                <tr style="margin:0; padding:0;">
                                                    <td class="link-td">
                                                        <a class="link" href="#" style="font-size: 11px;color: #08D2FF;font-weight: 600;text-decoration: none;margin: 0;margin-bottom: 5px;padding: 0;">acdawcdawdcaw</a>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0;">
                                                <tr style="margin:0; padding:0;">
                                                    <td>
                                                        <p style="font-size: 11px;color: #08D2FF;font-weight: 600;text-decoration: none;margin: 0;margin-bottom: 5px;padding: 0;">acdawdcawdcw</p>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                </table>

我试过给予td标签,链接类填充:0;保证金:0;行高:100%,但那没用

kq0g1dla

kq0g1dla1#

this article的第三步建议您应该在<td>元素上设置padding:0;,而您只在<tr><a>上设置了padding:0;
而且你真的需要嵌套表吗?简化你的代码以使用单个表可能也会有帮助。

相关问题