2

我有一张用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; 
}
4

5 回答 5

2

可能是表格内的内容创建了一些额外的空间，并且您没有提及什么浏览器，但请注意IE7 不理解border-collapse，因此您应该添加：

<table cellspacing="0">

IE7的表。此外，没有理由适用border-collapse于 tr。

于 2011-09-13T18:37:36.330 回答
1

我想border-spacing是为了一张桌子。你试过元素吗border: none？tr

于 2011-09-13T18:34:51.957 回答
0

感谢您的回复，我在 HTML 中有 cellspacing="0"，并尝试了您的所有建议。似乎没有人改变结果，我现在唯一的想法是我正在使用 Mac 并且这是某种浏览器问题。我将不得不在 PC 上对其进行测试，看看它的外观。

于 2011-09-14T14:20:37.613 回答
0

尝试这个：

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>
于 2011-09-13T18:37:18.590 回答
0

你试过display: block图片吗？

于 2011-09-13T18:39:36.173 回答