没有边框厚度的CSS

我有一张桌子，我用0px边框构建出来的，我试图在每一行中获得图像以适合彼此之间的无缝对接，但即使边框没有显示仍然存在间距1px在行之间。有没有办法来解决这个问题？没有边框厚度的CSS

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; 
}

来源

2011-09-13 Logan

你在'tr'元素上试过'border：none'吗？ –

我认为border-spacing是一个表。您是否尝试border: none作为tr元素？

来源

2011-09-13 18:34:51

试试这个：

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-13 18:37:18

可能是表内的内容是创造一些额外的空间，而你没有提及哪些浏览器，但请注意，IE7 doesn't understand border-collapse因此您应该添加：

<table cellspacing="0">

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

来源

2011-09-13 18:37:36 steveax

你试过display: block的图片吗？

来源

2011-09-13 18:39:36 simoncereska

感谢您的回复，我在HTML中使用了cellspacing =“0”，并尝试了所有建议。没有人似乎改变了结果，我现在唯一的想法是，我在Mac上工作，这是一种浏览器问题。我将不得不在个人电脑上测试它，看看它的外观。

来源

2011-09-14 14:20:37 Logan

你能发布你的html吗？ – marissajmc

没有边框厚度的CSS

回答

相关问题