html中的保证金无法在Outlook中使用

Geo*_*iju 6 html css email outlook margin

我正在开发一个电子邮件模板,其间距是动态的,所以我把这个位置作为保证金,

对于Eg:

<td width="264px" bgcolor="#9ac5db" style="font-family:arial;font-size:12px;color:#000000;padding: 10px 5px 30px;" valign="top">

<div name="nltitle" id="nltitle" style="font-family:arial;font-size:14px;color:#000000;display:block;text-align:center;margin:15px 0px 15px 0px;"><b>Test App</b></div>

<hr width="100%" color="#ffffff" size="3px">

 <div style="margin:10px 10px 30px 10px;text-align: left">

 Test App      

</div>

   </td>
Run Code Online (Sandbox Code Playgroud)

这里我使用了padding和margin来动态设置空格,但它在outlook中不起作用.我该如何解决这个问题?任何帮助都非常感谢.

干杯,

乔治

Joh*_*ohn 22

Outlook.com不支持保证金,因此通常您应该在html电子邮件设计中避免使用保证金.而是使用&nbsp;像mdesdev建议的填充或间隔表单元格.

其他一些提示:

  • 您应该删除width=""声明中的"px"
  • 添加后备字体,因为非Windows用户没有Arial
  • 而不是CSS text-align:left;,使用HTMLalign="left"
  • 你不需要div,你可以使用所有表
  • 您可能需要您的速记分隔padding值代入padding-top,padding-bottom从内存等,我觉得可能是写他们的手短一些电子邮件客户端的问题.

比你要求的更多信息,但我希望它有帮助......

  • @Cthulhu你错了.HTML电子邮件不符合当前的Web标准.以下是关于HTML电子邮件最佳做法的[一堆参考文献](http://stackoverflow.com/questions/2229822/best-practices-considerations-when-writing-html-emails/21437734#21437734) (2认同)