表格內的圖像總是有一點點空間

我會爲希望看到它的人提供直接鏈接。表格內的圖像總是有一點點空間

只需將鼠標懸停在表格列表中，就會看到圖片下總是有一個小空間。我試過填充，頁邊距，搜索它的stackoverflow和使用邊界間距，邊界倒塌等，但沒有幫助到目前爲止。

我想請你幫忙。有什麼問題，我錯過了什麼？

問題實際上並不是表格，img標籤是內聯元素，並且默認情況下有底部間距（我猜，不知道爲什麼）。

解決方案：div.browseBuilds tr.browseBuilds_piece img { display: block; }

2013-01-31 12:45:04 Simon

謝謝，它解決了這個問題。在2分鐘內選擇它作爲答案。 –

'img'標籤沒有默認的底部間距。只顯示HTML源代碼中的空白字符，因爲默認情況下'img'是內聯元素。 – Lumen

感謝您的解釋@Lumen，我總是想知道 – Simon

用戶cellpadding =「0」和cellspacing =「0」作爲表屬性。

<table border="0" cellpadding="0" cellspacing="0" >

2013-01-31 12:39:02

如何在css中編寫這些屬性？編輯：我應用了它，但它仍然是一樣的。 –

表格邊界間距：0; border-collapse：collapse; } –

的問題可以CELLSPACING和CELLPADDING但林不知道......真的好工具，這東西是螢火蟲，檢查元素，你會看到所有的使用樣式等。或嘗試解決像50像素TD高度你的img

2013-01-31 12:42:28 Miko

我已經在我的Firefox上安裝了firebug，但我不知道如何檢查某些東西。我正在使用Firefox的默認檢查功能。你能告訴我一點嗎？ –

用鼠標右鍵點擊元素並選擇了螢火蟲中的檢查元素會有藍色圖標;-)比firebug會出現html結構，如果你點擊某些元素樣式會出現在右側 – Miko

添加顯示：塊到IMG。

.browseBuilds_piece img{ 
     display:block 
    }

2013-01-31 12:45:07 Michal

參見this similar question。因爲img是一個內聯元素，所以圍繞img標籤的HTML源代碼中的空格很重要，並且將被顯示。無論是從代碼

<td style="vertical-align: middle;"><img src="./themes/default/images/builds/eski.jpg"></td>

刪除空格或顯示img作爲塊元件，如Michal has pointed out。

2013-01-31 12:50:45 Lumen

回答