【发布时间】：2023-03-08 14:50:01
【问题描述】：
我快疯了。我有一张表格，我已将其简化为两个相邻的单元格，每个单元格都有一个图像（图像是较大图片的一部分，因此它们之间不能有间距）。我在表格单元格之间有一些间距或填充，就在左侧和右侧，而不是顶部或底部。我已经尝试了所有可以在论坛上找到的东西，包括内联 html 和内联 CSS 样式，包括：
cellpadding="0"
cellspacing="0"
border="0"
align="left"
display: block;
display: inline-block;
display: inline-table;
border-collapse: collapse;
border:none;
mso-table-lspace:0;
mso-table-rspace:0;
width:403px!important;
padding-left: 0px;
padding-right: 0px;
padding: 0 0 0 0;
margin: 0 0 0 0;
margin-left: 0px;
margin-right: 0px;
这些属性的任何组合似乎都不起作用。如果您想看一下，这是我的代码（请记住，这是简化版本）。它在我的浏览器中工作得非常好，但是当我将它粘贴到 Outlook 中时，我会在每个单元格之前、之间和之后得到间距。我创建了一个洋红色背景，这样我可以清楚地看到间距。
<table align="left" border="0" cellpadding="0" cellspacing="0" style="
border:none;
border-collapse:collapse;
background-color:magenta;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
line-height:15px;
color:#4A4A4A;
width:403px!important;
mso-table-lspace:0;
mso-table-rspace:0;
">
<tr>
<td width="211">
<img src="http://s3.amazonaws.com/cms_assets/accounts/3ceae742-b87e-4bdc-a6b3-2bcfc1c5c2d7/site-30100/cms-assets/images/457997.seal-bar-gold.png" width="211"/>
</td>
<td width="192">
<img src="http://s3.amazonaws.com/cms_assets/accounts/3ceae742-b87e-4bdc-a6b3-2bcfc1c5c2d7/site-30100/cms-assets/images/569397.seal-bar-silver.png" width="192"/>
</td>
</tr>
</table>
【问题讨论】：
-
你应该做一个小提琴。
-
第二张图片的右侧似乎有一些透明像素。这可能会导致明显的间距问题。 Demonstration here.
-
也许 Outlook 的呈现规则不允许您执行此操作？ templates.mailchimp.com/development/css/outlook-conditional-css
-
最右边可能有一个像素线，但由于这是原始图像的一部分，它包含在图像大小中，并且表格应该整齐地环绕它。我最关心的是图片/表格单元格之间的间距，以及第一张图像的左侧（因为它连接到最终版本中的另一张图像）。我会做一个小提琴，虽然我以前从来没有做过，我不确定它是否会显示我的问题，因为它只出现在 Outlook 中（不在浏览器中）。
-
这是我遇到的问题的截图：Screenshot
标签： html css padding outlook-2007 spacing