Question

我绝对疯了。我有一张桌子，我把它简化为两个相邻的单元格，每个单元格有一个图像（图像是较大图片的一部分，因此它们之间可以没有间距）。我在表格单元格之间得到一些间距或填充，仅在左侧和右侧，而不是顶部或底部。我已经尝试了我在论坛上可以找到的所有内容，包括内联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>

Answer 1

<img>默认情况下它是内联标记，因此我们下面有空格。您可以为父级设置font-size: 0px;以防止空格，或将display: block;设置为<img>（我的选择）。 My solution和article about this behaviour

在OUTLOOK 2007中删除其中图像之间的间距/填充

1 个答案: