0

嗨，我在 Outlook 2010 中有一个问题，我想在 tds 之间留出 10px 的空间，但它不起作用。请帮忙。

<table style="cellspacing:0px;cellpadding:0px;border:0;border-spacing:10px;">
 <tbody>
<tr>
  <td id="cont0" align="top" style="border-collapse:collapse;padding:0;overflow: hidden;height: 96px; width: 96px;margin-right:auto;vertical-align:top;border: 1px solid #CCCCCC;">
    <a id="link0" href="#" style="border:0">
      <img id="previewimage0" style="border:0" src="http://i.sample.com/00/s/MTY2WDIwMA==/$(KGrHgoS,KEEk,K!Bv9GBQIi!CNhLg~~60_0.JPG">
    </a>
  </td>
  <td id="cont1" align="top" style="border-collapse:collapse;padding:0;overflow: hidden;height: 96px; width: 96px;margin-right:auto;vertical-align:top;border: 1px solid #CCCCCC;">
    <a id="link1" href="#" style="border:0">
      <img id="previewimage1" style="border:0" src="http://i.sample.com/00/s/MTQ5WDIwMA==/$(KGrHqERQ,IE+tWswcklBQIi!C8rQg~~60_0.JPG">
    </a>
  </td>
</tr>
</tbody>
</table>
4

3 回答 3

1

尝试在它们之间添加一个宽度为 10px 的表格单元格：

</td>
<!-- your first td ends -->
<!-- the spacer td -->
<td align="top" width="10>&nbsp;</td>
<!-- your second td begins -->
<td id="cont1" align="top">

每次在所有电子邮件客户端中都适用于我的电子邮件模板。

于 2012-08-08T13:47:56.650 回答
0

标记答案将完美地完成工作，不要添加单元格间距或单元格填充，因为它在电子邮件客户端之间非常不一致，我还要说不要出于同样的原因使用边距和填充，但在极少数情况下你不能使用任何其他间距方法你不会有任何选择。对于您的边框，我还将避免使用速记并单独设置边框的每个部分：

border-color: #ffffff;
border-style: solid; 
border-width: 1px;

因为有些客户会忽略速记版本。

在可能的情况下，您应该使用 html 样式而不是内联 css，因为即使内联是使用 css 的唯一真正方法，html 仍然在旧电子邮件客户端中得到更广泛的认可。

valign="top"
cellpadding="0"
cellspacing="0"

所有这些都可以添加到标签中，而不是包含在样式中。这将确保任何老客户甚至只是公司的网络邮件都不会大惊小怪。

我知道你没有问过这件事，但为了保持一致，我想我会指出这一点。

于 2012-11-26T16:59:01.983 回答
0

尝试将 cellspacing 属性添加到表格标签

<table cellspacing="10" style="border:0;">

于 2012-08-08T13:36:53.070 回答