Html 如何删除tr之间的空间_Html_Css_Html Table

Html 如何删除tr之间的空间

html css

Html 如何删除tr之间的空间,html,css,html-table,Html,Css,Html Table,我正在设计一个HTML电子邮件模板，在下面的代码中，我很难删除tr下面的间距删除tr之间的间距。我已经附上了我的问题截图。你能解决我的问题吗 HTML代码： <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Demystifying Email Design</title&g

我正在设计一个HTML电子邮件模板，在下面的代码中，我很难删除tr下面的间距删除tr之间的间距。我已经附上了我的问题截图。你能解决我的问题吗

HTML代码：

<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <title>Demystifying Email Design</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="" rel="stylesheet">

        <style type="text/css">
            body {
                font-family: 'Poppins', sans-serif !important;
                background-color: #fff;
            }

            .tablehead {
                max-width: 600px;
                width: 100%;
                margin: 0 auto;
                border-collapse: collapse;
            }

            table {
                border: none !important;
            }

            td {
                border: none;
                margin: 0;
            }

            tr {
                border: none;
                margin: 0;
            }
        </style>
    </head>

    <body style="margin: 0; padding: 0;">
        <table cellpadding="0" cellspacing="0" width="100%" style="background:#f3f3f3;">
            <tr>
                <td>
                    <table align="center" border="0" cellpadding="0" cellspacing="0" class="tablehead">
                        <tr>
                            <td> <img src="https://gallery.mailchimp.com/d9f11059f6e3a8d643a2ec664/images/073fd8e8-1e89-4ec4-9365-5498789b2933.gif" style="width:100%;" />
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <img src="https://gallery.mailchimp.com/d9f11059f6e3a8d643a2ec664/images/e9b50a22-75f0-49a9-af40-ed88dc15ede5.gif" style="width:100%;" />

                            </td>
                        </tr>
                        <tr>
                            <td>
                                <img src="https://gallery.mailchimp.com/d9f11059f6e3a8d643a2ec664/images/4122dae0-8675-4bbc-8bd3-12dd26627798.jpg" style="width:100%;" />

                            </td>
                        </tr>

                    </table>
                </td>
            </tr>
        </table>
    </body>

    </html>


揭开电子邮件设计的神秘面纱
身体{
字体系列：“Poppins”，无衬线字体！重要；
背景色：#fff；
}
.桌子头{
最大宽度：600px；
宽度：100%；
保证金：0自动；
边界塌陷：塌陷；
}
桌子{
边界：没有！重要；
}
运输署{
边界：无；
保证金：0；
}
tr{
边界：无；
保证金：0；
}

您可以为

img

标签设置和

margin-bottom

css属性：

img {
    vertical-align: bottom;
    margin-bottom: -1px;
}

当我调整移动响应显示tr或td空间时。我添加了上面的代码，但不起作用。请您在url@user5561847下面调整响应。在您给我的页面上运行良好。在调整响应模式时仅显示该空间。如何删除该空间。@user5561847啊，我刚刚再次尝试添加

边距底部：-1px至img
标签。现在没事了。检查我的更新答案！这个时事通讯模板不工作-只有工作正值-你可以请另一种可能的方式。