2

我花了两周的时间来找到任何解决方案，但无法找到。如果在每个表格之后浮动表格，Microsoft Outlook 2007/2010 中将有一个像素的间隙，它使用 Microsoft Word 2007 HTML 渲染引擎：

在此处输入图像描述

我会感谢您提供任何可行的解决方案 -这不是将表格放在分开<td>的.

这是重现它的 HTML 代码：

<html>
    <head>
    <title>Outlook 2007/2010 horizontal gap</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <style type="text/css">
        table { mso-table-lspace: 0pt; mso-table-rspace: 0pt; }
    </style>
</head>
<body bgcolor="#000000">
    <table bgcolor="#ffff00" align="left"><tr><td>&nbsp;</td></tr></table>
    <table bgcolor="#ffff00" align="left"><tr><td>&nbsp;</td></tr></table>
</body>
</html>

到目前为止我已经尝试过：

  • display: inline-table;代替align="left"
  • mso-没有运气搜索其他相关的CSS 属性
  • 删除<table>元素之间的空格
  • border-collapse: collapse和border-spacing: 0
  • 添加border: 1px solid red;将消除间隙但增加表格的宽度
  • 其他display的，padding和margin
  • 和/或上不相关或已弃用的 html 属性（rules、、、frame等border）<td><table>

有趣的因素：

如果将这两个表放在一个表中，额外的间隙宽度将增加到 2 个像素。

4

3 回答 3

2

这是一个如何浮动表格的示例。您需要结合使用border="1" 和mso-table css 来消除1px 的差距。参见示例：

<table bgcolor="#454545" width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td width="5%"></td><td align="center" width="95%">


<div align="left" style="float: left; padding: 0px; margin:0px;">
  <table border="1" bordercolor="#959595" cellpadding="0" cellspacing="0" align="left" style="padding: 0px; margin:0px; mso-table-lspace: -1pt; mso-table-rspace: -1pt; ">
    <tr>
      <td width="318" bgcolor="959595">table 1

      </td>
    </tr>
  </table>
</div>
<div align="left" style="float: left; padding: 0px; margin:0px;">
  <table border="1" bordercolor="#959595" cellpadding="0" cellspacing="0" align="left" style="padding: 0px; margin:0px; mso-table-lspace:-1pt; mso-table-rspace: -1pt; ">
    <tr>
      <td width="318" bgcolor="959595">table 2

      </td>
    </tr>
  </table>
</div>


</td></tr></table>
于 2012-11-08T22:43:34.847 回答
0

尝试在两个表的每一个上使用 table border="0" cellspacing="0" cellpadding="0" 。如果我理解你的问题是正确的，这应该可以解决它:)

于 2012-07-02T11:09:31.997 回答
0

我们在这里可能是 SOL。我也在研究与 Outlook 2007/10 兼容的电子邮件格式。如果我的读数是正确的，Outlook 2007/10/13 不支持border-spacing表格，这可能是给你间距问题的原因。

参考：
Outlook 2007 中的 Word 2007 HTML 和 CSS 呈现功能（第 1 部分，共 2 部分）
电子邮件中的 CSS 支持指南 | 活动监视器

于 2012-10-19T14:02:08.940 回答