HTML：需要幫助減少圖像錶行之間的空白

我設法減少blogger.com表的同一行圖像之間的空白空間，但我不能爲我的生活弄清楚如何減少圖像行之間的空白區域。以下是我目前擁有的HTML。有什麼建議麼？HTML：需要幫助減少圖像錶行之間的空白

<table border="0" cellpadding="0" cellspacing="5" style="width: 900px;"> <tbody> 
<tr><td valign="top" width="209"> 

<img src="URL" height="130" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px width="200"/> 

... 

<img src="URL" height="130" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px width="200"/> 

</tbody></table>

來源

2014-04-20 user3553148

你都錯過了你沒有關閉"width="200"
前</td>
你沒有關閉</tr>
你有cellspacing="5" - 改爲cellspacing="0"

這裏是你的代碼與更正

<table border="0" cellpadding="0" cellspacing="0" style="width: 900px;"> <tbody> 
<tr><td valign="top" width="209"> 

<img src="URL" height="130" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px" width="200" /> 

<img src="URL" height="130" style="background-image: none; border-bottom: 0px; border-left: 0px; border-right: 0px; border-top: 0px; display: inline; padding-left: 0px; padding-right: 0px; padding-top: 0px" width="200"/></td></tr> 

</tbody></table>

這裏是的jsfiddle

工作

Demo Of Above Code

來源

2014-04-20 04:10:23

編輯答案，因爲我最初只是張貼的網址jsfiddle，但沒有具體的鏈接[http://jsfiddle.net/NM64L/](http://jsfiddle.net/NM64L/） –

不客氣。如果此解決方案適用於您，請單擊左側的灰色複選標記。另外，歡迎來到StackOverflow :) –

你已經歸零上的圖像的邊框和填充用代碼，但有可能是利潤。嘗試調整margin-top，margin-bottom等。

圖像是全部在一個表格單元格還是在單獨的表格單元格中？ cellspacing =「5」將增加單元格之間的間距，並且他的表格單元格可以添加填充。

嘗試將您的網頁載入您的瀏覽器的網瀏覽器。我並不確定IE是否有效，但Firefox和Chrome都有辦法查看選定節點上的所有邊距，填充等。

來源

2014-04-20 04:11:42 user3553031

嘗試了將margin-top和margin-bottom歸零的建議，但它沒有效果。我還調整了細胞間距爲0的廣告Sanuel建議。 – user3553148

HTML：需要幫助減少圖像錶行之間的空白

回答

相關問題