Question

我遇到了问题。我正在为html电子邮件准备模板，我有一些限制，因为这个html必须上传到垃圾邮件机（对我来说它是垃圾邮件，他们说关于广告系列的自动化），兄弟请我帮忙，因为他无法处理它，我最近不使用html和CSS，我有点困惑。样式必须在这里内联，所以它看起来很糟糕。有人能告诉我为什么我的表格与whyspace1，whyspace2和whyspace3之间的空格？

我已经尝试过我在stackoverflow上找到的所有技巧，但没有解决我的问题。有趣的是，当我将doctype更改为html 4严格它有效，但提到eriler垃圾邮件机器将其修改为html 5并且问题又回来了。

<!DOCTYPE html> 
<html>
<head>
<title>what is wrong</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>
<body style="background-color: #FFFFFF; margin: 0px; padding: 0px;">
<table  style="width: 700px; padding: 0; border-spacing: 0; border-style: none; margin: 0px;">
    <tr style="border-collapse:collapse;padding: 0; margin: 0; border-spacing: 0; ">
        <td style="border-spacing: 0; margin: 0px; padding: 0px;">
            <table style="padding: 0; margin: 0; border-spacing: 0;">
            <tr><td style="padding: 0; margin: 0; border-spacing: 0;">
            <table class="whyspace1" style="border-style: none; width: 700px; padding: 0; margin: 0; border-spacing: 0; border-collapse:collapse;">
                <tr>
                    <td style="width: 350px; vertical-align: top; padding: 0; margin: 0; border-spacing: 0;" class="ee_editable">

                    </td>
                    <td style="width: 350px; padding: 0; margin: 0; border-spacing: 0;" class="ee_editable">
                        <img src="img1.png" width="350" height="393" alt="" style=" padding: 0; margin: 0; border-spacing: 0;">
                    </td>
                </tr>
            </table>
            <table class="whyspace2" style="border-style: none; width: 700px; padding: 0; margin: 0; border-spacing: 0; border-collapse:collapse;">
                <tr>
                    <td style="width: 350px; padding: 0; margin: 0; border-spacing: 0;" class="ee_editable">
                        <img src="img2.png" width="350" height="392" alt="" style=" padding: 0; margin: 0; border-spacing: 0;">
                    </td>
                    <td style="width: 350px; vertical-align: top; padding: 0; margin: 0; border-spacing: 0;" class="ee_editable">
                        abcd
                    </td>
                </tr>
            </table>
            </td></tr></table>
        </td>
    </tr>
    <tr style="border-collapse:collapse;padding: 0; margin: 0; border-spacing: 0; ">
        <td style="padding: 0; margin: 0; border-spacing: 0; border-collapse:collapse; width: 700px;">
            <table class="whyspace3" style="background-color: #522886; width: 700px; padding: 0; margin: 0; border-spacing: 0; border-collapse:collapse;">
                <tr>
                    <td style="padding: 0; margin: 0; border-spacing: 0; width: 515px;">
                        abcd
                    </td>
                    <td style="width: 185px; padding: 0; margin: 0; border-spacing: 0;">
                        abcd
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

</body>
</html>

表和嵌套表之间不需要的空格

0 个答案: