沒有邊框厚度的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

回答

相關問題