Question

我似乎无法弄清楚填充的1或2像素来自我页面顶部的位置。我已经在Chrome和Safari中运行了它，但JSFiddle似乎没有生成它。

它可能只是浏览器将其打印到页面的方式吗？如果有，有办法在CSS或JS中对抗效果吗？

这是JS小提琴示例：

以下是适合您的代码

<html>
<head>


<style>
* {padding:0; margin:0;}

h1{font-family: Arial, Helvetica, sans-serif; font-size:36px;}
h2{font-family: Arial, Helvetica, sans-serif; font-size:28px;}
h3{font-family: Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal;}
h4{font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; line-height:16px;}
h5{font-family: Arial, Helvetica, sans-serif; font-size:9px;}

span{margin:0 auto;}

#wrapper{
    width:800px;
    height:auto;
    margin:0 auto;
}

#wrapper .header{
    background-image: url('http://i.imgur.com/dY8Tuu5.png');
    background-repeat: no-repeat;
}

#wrapper .header span h1{
    position:relative; 
    top:65px; 
    left:35px;
}

#wrapper .header span h2{
    position:relative;
    color:white;
    text-shadow:1px 1px 1px #333; 
    top:115px; 
    left:25px;
}

</style>

</head>

<body>

<table id="wrapper">
    <tr>
        <td class="header" height="450" >
            <span>
                <h1>Big Flashy <br /> Headlines Here</h1>
            </span>

            <span>
                <h2>Sub-Headers and such <br /> can go Here</h2>
            </span>
        </td>


    </tr>    
</table>


</body>
</html>

我必须使用表而不是DIV，因为它将通过电子邮件发送。

由于

Answer 1

在Chrome上，问题是用户代理样式表为table的{{1}}添加了2px。尝试：

border-spacing

Answer 2

如果需要电子邮件内联样式是必需的

    <table id="wrapper" cellpadding="0" cellspacing="0">

无法弄清楚填充问题

2 个答案: