展望2010年表格间隔怪异

编写HTML电子邮件时事通讯时Outlook 2010正在发挥作用。（惊喜惊喜）展望2010年表格间隔怪异

下面的截图是结果：http://screencast.com/t/PSZqP7wg 该截图显示发生了什么（相同的，但图像关闭）：http://screencast.com/t/DrbexyHnytJ

显然，中间的白色柱是缩小。应该是604px宽，但少得多。看起来Outlook将在间隔图像旁边放置额外的填充。

任何人都有一个想法，为什么发生这种情况？

这是在身体标记来源：

<table width="761" border="0" cellspacing="0" cellpadding="0"> 
     <tr> 
      <td colspan="3" height="151" style="height: 151px;" style="padding: 0px;"><img width="761" height="151" src="http://www.bothino.be/newsletter/top.jpg" alt="" /></td> 
     </tr> 
     <tr> 
      <td width="77" style="width: 77px;"> 
       <img src="http://www.bothino.be/newsletter/spacer.jpg" width="77" alt="" /> 
      </td> 
      <td width="604" bgcolor="ffffff"> 
       test sdlkfjhklsdjfhqsdklfh qklsdfh klqsjf lqksjdf lkqsjdhf lkdflkqshdfkl jqhsdlkfj 
       hqslkdfh qlksjdfh lqskjdhf lkqjshdlfk jqhsldkfh qlsdjfh lqksjdflk qsdflkqshdklfh 
       klqshdf kqshdklf hqskldfqklsd 
      </td> 
      <td width="76" style="width: 76px;"><img src="http://www.bothino.be/newsletter/spacer.jpg" width="76" alt="" /></td> 
     </tr> 
     <tr> 
      <td height="151" colspan="3"> 
       <img width="761" height="151" src="http://www.bothino.be/newsletter/bottom.jpg" alt="" /> 
      </td> 
     </tr> 
    </table>

来源

2011-04-05 Tom Deleu

我已经习惯了问题，在IE浏览器和Outlook“未定义”空格和换行。他们通常被解释为一个真实的，想要的空间，格式化最近的父母（如果有的话）的风格。这就是为什么我喜欢这样写的htm：

<tr> 
     <td height="151" colspan="3"><img 
      src="http://www.bothino.be/newsletter/bottom.jpg" 
      width="761" height="151" alt="" /></td> 
    </tr>

标签内的换行符将在显示时没有什么区别......但应用类似的结构代码。 TD与IMAGE标签之间的重要部分是无空白。

也许，这并不能解释和解决你截图中的巨大凹痕。

来源

2011-04-05 14:02:42 HBublitz

不幸的是，它确实没有。正如你可以在代码中看到的那样，包含这些缩进的表格单元格已经被编码为无空格:(:(几年前有过这种经历） – 2011-04-06 06:58:19

有时最好忽略td的宽度，例如width=77和所有td的其余宽度。这样它可以自动扩展以填充整行。或者你也可以包含一个表格。

来源

2011-06-09 20:48:01 dana

您只需要为两个标签添加背景颜色。宽度显示正确。

来源

2011-07-17 01:56:16 peter

方向，更多信息，操作方法？ – 2012-11-16 23:55:39

我对Outlook的使用经验永远不会使用rowspan和colspan属性。这是保证造成麻烦。如果表格单元需要与上面/下面不同的布局/宽度，请使用正确的布局嵌套另一个。这样整个基本网格保持不变。不好，但再次：前景戏弄肮脏，你会（不得不）。所有表格都需要有cellpaddign = 0和cellspacing = 0。这有助于我克服类似的问题。

来源

2012-08-28 10:57:47 user1207504

展望2010年表格间隔怪异

回答

相关问题