Html 可变尺寸的IMG和TD的CSS宽度/高度

我有一个非常类似的问题，问在。主要区别在于，提出的解决方案是在css中定义表维度。这个解决方案对我不起作用，因为每个td都是不同的

这方面的html是由Adobe在我们使用切片制作图像时生成的。因此，每个表单元定义为与其包含的图像切片大小完全相同。这个图像非常复杂，所以我们不可能用手来做

当我们将Adobe生成的html加载到浏览器中时，它可以正常工作，但是，当我们将其集成到现有项目中时，td元素会改变维度。使用开发工具检查它们时，会显示添加了高度和宽度，但是检查所有样式元素（包括继承的元素），我们看不到任何填充、边距或边框。即使我们明确地将td定义为与它包含的图像相同的宽度和高度，我们仍然会得到额外的空间

以下是Firebug告诉我们的影响td的风格。它们是：

element.style {
   visibility: visible;
   margin: 0;
   padding: 0;
}

body {
   font-size: 12px;
   color: #3c1a1a;
   font-family: Georgia;
}

.slide {
   list-style: disc outside none;
}

.TL {
   border-collapse: separate;
   background: none repeat scroll 0 0 transparent;
   border: 0 none;
   border-spacing: 0;
}

以下是影响img的样式（由于继承，重复了许多td样式）：

以下是Adobe生成的html示例：

<table class="override" id="Table_02" width="470" height="628" border="0" cellpadding="0" cellspacing="0">
   <tr>
     <td colspan="15" style="padding: 0px; margin: 0px;">
        <img class="TL" src="Images/Map1/map/Interactive-Map_01.gif" width="449" height="56" alt="Location of Cairo">
     </td>
     <td>
        <img class="TL" src="Images/Map1/map/spacer.gif" width="1" height="56" alt="just a spacer">
     </td>
   </tr>

我一辈子都看不出这些规则是如何增加额外维度的，但不可否认，它们确实存在，而且我们酷的互动地图有很大的差距。有人能解释一下为什么这个额外的空间会加入我们的td元素吗

非常感谢。

---

凯特

嗯，我需要一个活生生的例子来帮助你。尝试将.override td{padding:0；margin:0}添加到.css文件中到你的桌子？一个真实的例子/jsfiddle确实需要弄清楚这一点……额外的空间是垂直的、水平的还是两者都有？这不是这里描述的问题吗：？大家好，谢谢你们的评论。我将尝试覆盖和边界折叠。额外的空间是垂直和水平的。谢谢你的链接，伊利亚。我将尝试将元素设置为block。在我尝试了所有这些东西之后，如果我还在胡思乱想，我会竖起小提琴。再次感谢大家的参与，我会让你们知道的。

<table class="override" id="Table_02" width="470" height="628" border="0" cellpadding="0" cellspacing="0">
   <tr>
     <td colspan="15" style="padding: 0px; margin: 0px;">
        <img class="TL" src="Images/Map1/map/Interactive-Map_01.gif" width="449" height="56" alt="Location of Cairo">
     </td>
     <td>
        <img class="TL" src="Images/Map1/map/spacer.gif" width="1" height="56" alt="just a spacer">
     </td>
   </tr>