Html Outlook的电子邮件模板-填充/距离的技巧是什么?

Html Outlook的电子邮件模板-填充/距离的技巧是什么?,html,css,outlook,outlook-2007,email-templates,Html,Css,Outlook,Outlook 2007,Email Templates,我讨厌写电子邮件模板 话虽如此,我已经创建了一个非常好的表格模板,但是Outlook 2007和Outlook 2010在TR之间创建的间距比我在其他电子邮件客户端中注意到的要大得多 OL 2007(http://screencast.com/t/YJ5LdTkiGR) OL 2010(http://screencast.com/t/Ob1ii370C) 代码如下所示。如果您能在Outlook中提供帮助,我将不胜感激,这样我就可以学习,下次就不用打扰您了:) tr{border:none;}

我讨厌写电子邮件模板

话虽如此,我已经创建了一个非常好的表格模板,但是Outlook 2007和Outlook 2010在TR之间创建的间距比我在其他电子邮件客户端中注意到的要大得多

OL 2007(http://screencast.com/t/YJ5LdTkiGR) OL 2010(http://screencast.com/t/Ob1ii370C)

代码如下所示。如果您能在Outlook中提供帮助,我将不胜感激,这样我就可以学习,下次就不用打扰您了:)


tr{border:none;}
宣布,da,da,da,DAAAAAAAAAAA,全新的非常有用的,
非常有趣的后海湾快门公司网站。信息丰富
在我们所有的产品上,从百叶窗、遮阳帘和百叶窗到Shoji面板,都是这样
该网站将有助于使选择正确的窗口处理工作一蹴而就。
我们甚至有产品视频,所以你可以看到产品的外观和外观
在人们家里工作(谁不喜欢别人家里的山顶?)。
我们也有一个博客,充斥着设计新闻和观点。
因此,成为一名Facebook粉丝,并随时了解我们正在做的事情。经常来。我们等不及要带你四处看看了。

此空行导致额外空间:

<tr>
<td>&nbsp;</td>
</tr>

尝试将该行替换为:

<tr>
<td height="0" style="padding: 0; margin: 0; height: 0;"></td>
</tr>

或者,有时在处理Outlook时,最容易使用

作为间距

这是您的完整HTML,在最后一段末尾添加了2

<html>
<body>

<style>
tr {border:none;}
</style>

<table id="container" border="0"  background-color="#D3E2E9" width="620px" cellpadding="0" cellspacing="0" style="background:#D3E2E9;">
 <tr><td>


<table id="container_border"  cellpadding="0" cellspacing="0" style="border:1px solid #85898B; width:570px; margin-left:20px; margin-top:20px; margin-bottom:20px;">
 <tr><td>
<!-- content -->
<table id="content"  cellpadding="0" cellspacing="0" style="margin-left:15px; margin-top:20px; margin-bottom:20px;padding:10px; width:517px; background:white;">
 <tr><td>

 <tr>
  <td><img src="https://origin.ih.constantcontact.com/fs089/1103957675139/img/7.jpg"  style="display:block"></td>
 </tr>
 <tr>
  <td style="font-family:arial,sans-serif;font-size:11px; line-height:150%; color:#000; margin-top:20px; padding:0 52px; font-weight:bold;">Announcing, da, da, da, DAAAAAAAAAAA, the brand new awesomely helpful, 
wildly interesting Back Bay Shutter Company website. Full of juicy information 
on all of our products, from shutters, shades and blinds to Shoji panels, this 
site will help make the job of choosing just the right window treatment a snap.</td>
 </tr>
 <tr>
  <td><img src="https://origin.ih.constantcontact.com/fs089/1103957675139/img/8.jpg"  style="display:block"></td>
 </tr>
 <tr>
  <td style="font-family:arial,sans-serif;font-size:11px; line-height:150%; color:#000; margin-top:20px; padding:0 52px; font-weight:bold;">We even have product videos, so you can actually see how a product looks and 
works in people's homes (and who doesn't like a peak at someone else's home?). 
We also have a blog, brimming with design news and views.<br><br>
</td>
 <tr>

<td style="font-family:arial,sans-serif;font-size:11px; line-height:150%; color:#000; margin-top:90px; padding:0 22px; font-weight:bold;">
<table>
<tr>
<td>
<a href="" title="Join Our Facebook Page"><img src="https://origin.ih.constantcontact.com/fs089/1103957675139/img/6.jpg" border="0" style="display:block"></a>
</td>
<td style="font-family:arial,sans-serif;font-size:11px; line-height:150%; color:#000; font-weight:bold;">
So become a Facebook fan and stay updated on what we're doing. And stop by often. We can't wait to show you around.
</td>
</tr>
</table>

</td>
 </tr>
 <tr>
  <td><img src="https://origin.ih.constantcontact.com/fs089/1103957675139/img/3.jpg"></td>
 </td></tr>
</table>
</td></tr>
</table>
</td></tr>
</table>

</body>
</html>

tr{border:none;}
宣布,da,da,da,DAAAAAAAAAAA,全新的非常有用的,
非常有趣的后海湾快门公司网站。信息丰富
在我们所有的产品上,从百叶窗、遮阳帘和百叶窗到Shoji面板,都是这样
该网站将有助于使选择正确的窗口处理工作一蹴而就。
我们甚至有产品视频,所以你可以看到产品的外观和外观
在人们家里工作(谁不喜欢别人家里的山顶?)。
我们还有一个博客,里面充斥着设计新闻和观点。

因此,成为一名Facebook粉丝,并随时了解我们正在做的事情。经常来。我们等不及要带你四处看看了。
请尝试使用下面的内联样式来清空tds,避免因为空tds而导致更多的间距

style=“font size:0%;行高:1px;mso行高规则:精确

简单愉快的编码

<html>
<body>

<style>
tr {border:none;}
</style>

<table id="container" border="0"  background-color="#D3E2E9" width="620px" cellpadding="0" cellspacing="0" style="background:#D3E2E9;">
 <tr><td>


<table id="container_border"  cellpadding="0" cellspacing="0" style="border:1px solid #85898B; width:570px; margin-left:20px; margin-top:20px; margin-bottom:20px;">
 <tr><td>
<!-- content -->
<table id="content"  cellpadding="0" cellspacing="0" style="margin-left:15px; margin-top:20px; margin-bottom:20px;padding:10px; width:517px; background:white;">
 <tr><td>

 <tr>
  <td><img src="https://origin.ih.constantcontact.com/fs089/1103957675139/img/7.jpg"  style="display:block"></td>
 </tr>
 <tr>
  <td style="font-family:arial,sans-serif;font-size:11px; line-height:150%; color:#000; margin-top:20px; padding:0 52px; font-weight:bold;">Announcing, da, da, da, DAAAAAAAAAAA, the brand new awesomely helpful, 
wildly interesting Back Bay Shutter Company website. Full of juicy information 
on all of our products, from shutters, shades and blinds to Shoji panels, this 
site will help make the job of choosing just the right window treatment a snap.</td>
 </tr>
 <tr>
  <td><img src="https://origin.ih.constantcontact.com/fs089/1103957675139/img/8.jpg"  style="display:block"></td>
 </tr>
 <tr>
  <td style="font-family:arial,sans-serif;font-size:11px; line-height:150%; color:#000; margin-top:20px; padding:0 52px; font-weight:bold;">We even have product videos, so you can actually see how a product looks and 
works in people's homes (and who doesn't like a peak at someone else's home?). 
We also have a blog, brimming with design news and views.<br><br>
</td>
 <tr>

<td style="font-family:arial,sans-serif;font-size:11px; line-height:150%; color:#000; margin-top:90px; padding:0 22px; font-weight:bold;">
<table>
<tr>
<td>
<a href="" title="Join Our Facebook Page"><img src="https://origin.ih.constantcontact.com/fs089/1103957675139/img/6.jpg" border="0" style="display:block"></a>
</td>
<td style="font-family:arial,sans-serif;font-size:11px; line-height:150%; color:#000; font-weight:bold;">
So become a Facebook fan and stay updated on what we're doing. And stop by often. We can't wait to show you around.
</td>
</tr>
</table>

</td>
 </tr>
 <tr>
  <td><img src="https://origin.ih.constantcontact.com/fs089/1103957675139/img/3.jpg"></td>
 </td></tr>
</table>
</td></tr>
</table>
</td></tr>
</table>

</body>
</html>