无边框厚度的 CSS

Question

我有一张用 0px 边框构建的表格，我试图让每一行中的图像彼此无缝配合，但即使边框没有显示，仍然有一个 行之间有 1px 间隙。有办法解决这个问题吗？

table { 
    border-collapse: collapse;
    border-spacing: 0px;
    font-size: 10px;
}   

table th, table td { 
    padding: 0px;
    margin: 0px;
    border-width: 0px;
}  

tr { 
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border-spacing: 0px; 
}

Answer 1

可能是表格内的内容创建了一些额外的空间，并且您没有提到什么浏览器，但请注意 IE7 不支持边框折叠，因此您应该

<table cellspacing="0">

在 IE7 的表格中添加：。另外，没有理由对 tr 应用 border-collapse。

Answer 2

我认为 border-spacing 适用于表格。您是否尝试过 border: none 作为 tr 元素？

Answer 3

试试这个：

CSS

img {
   border:none;
   padding:0;
   margin:0;
}

HTML

<table style="text-align: left; width: 100%;" border="0" cellpadding="0" cellspacing="0">
..table rows..
</table>

Answer 4

您是否尝试过 display: block 来显示图像？

Answer 5

感谢您的回复，我在 HTML 中设置了 cellspacing="0"，并尝试了您的所有建议。似乎没有人改变结果，我现在唯一的想法是我正在 Mac 上工作，这是某种浏览器问题。我得在电脑上测试一下，看看效果如何。