Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何删除HTML电子邮件两侧的白色边距?_Html_Email_Padding_Html Email_Margins - Fatal编程技术网

如何删除HTML电子邮件两侧的白色边距?

如何删除HTML电子邮件两侧的白色边距?,html,email,padding,html-email,margins,Html,Email,Padding,Html Email,Margins,这就是我现在面临的问题。在我的HTML电子邮件的左右两侧有这些空白,如Mac mail中所示,在Gmail和Thunderbird中也可以看到: 我的目标是这样的全宽背景: 根据代码,我的背景宽度似乎已设置为100%: <html> <title>AASU VCU</title> <body style="margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-family:

这就是我现在面临的问题。在我的HTML电子邮件的左右两侧有这些空白,如Mac mail中所示,在Gmail和Thunderbird中也可以看到:

我的目标是这样的全宽背景:

根据代码,我的背景宽度似乎已设置为100%:

<html>
       <title>AASU VCU</title>
       <body style="margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-family: Helvetica, Arial, san-serif; background-color:#fff" bgcolor="#000">
       </body>

    <table bgcolor="#b2151b" style="color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:26px;width:100%;margin:0;padding:0">
    <table cellpadding="0" cellspacing="0" width="100%" bgcolor="#b2151b" style="padding:0 40px; color:#fff"; font-family="Helvetica,Arial,san-serif"; font-size:"16px"; line-height="25px"; table-layout="fixed">

    <tbody>
       <tr>
          <td bgcolor="#b2151b" width="450" style="color:#fff;font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:26px">
          <br>
          <br>
    <table cellpadding="0" cellspacing="0" width="450" bgcolor="#b2151b" border="0" rules="none" frame="border" align="center" style="color:#fff; font-family:Helvetica,Arial,sans-serif; font-size:16px;line-height:26px; border-width:0px 0px 0px 0px; background-color:#b2151b" >

    <tbody>
       <tr>
          <td width="450" valign="top" bgcolor="#b2151b" style="color:#a7abb1;font-family:Helvetica,Arial,sans-serif;font-size:16px;line-height:26px">
    <a style="border:none!important;color:#ffffff;text-decoration:none;border-bottom:1px solid #666"><img src="http://f.cl.ly/items/3M3W1U0W1o1P1s3u1Q0C/White_transparent.png" alt="AASU VCU" style="border:none"></a> 
        </td>
        </tr>
        </tbody>
        </table>

我在浏览器中测试了代码,背景似乎成功地延伸到了全宽,无论我调整大小。只有在邮件客户端我才能看到这些页边距。我缺少什么?

我建议在第一个表元素中包含border:0px属性。我的经验法则是,当我没有设置值时,我将边距、填充和边框设置为0px


祝你好运。

另外,你的结束标签就在标签下面。这可能也是一个问题。

您可以发布更多的html标记吗?仅仅这两个表头不足以解决您的问题。快速而肮脏的方法是在样式表中使用*{margin:0;padding:0}。它将所有元素的边距和填充设置为零。@LinkinTED-这是HTML电子邮件,所以我不想使用CSS。虽然我确实将主体样式更改为边距:0;填充:0。什么都不做。为什么不使用CSS,这是允许的,甚至比使用bgcolor更好。。。您可以使用带有style=属性的内联CSS。试着在:{margin:0;padding:0;}AASA VCU@LinkinTED下面添加这个,它成功了!我使用内联CSS并设置边距:0和填充:0自动。谢谢!