HTML中的圖像 - HTML表格中的行之間的間隔

Question

我知道有類似的問題，但我希望對我的特定代碼進行一些輸入。

我有我已經切成9張圖像，並創建了一個3x3的HTML表格來顯示它。

但我的表中獲取行之間的空間，但列之間沒有空格。我沒有使用任何CSS。

任何幫助？

下面的代碼：

<table border="0" cellspacing="0" cellpadding="0"> 
<tbody> 
<tr> 
<td><img src="/storage/Slice-1.jpg" border="0" alt="" /></td> 
<td><img src="/storage/Slice-2.jpg" border="0" alt="" /></td> 
<td><img src="/storage/Slice-3.jpg" border="0" alt="" /></td> 
</tr> 
<tr> 
<td><img src="/storage/Slice-4.jpg" border="0" alt="" /></td> 
<td><img src="/storage/Slice-5.jpg" border="0" alt="" /></td> 
<td><img src="/storage/Slice-6.jpg" border="0" alt="" /></td> 
</tr> 
<tr> 
<td><img src="/storage/Slice-7.jpg" border="0" alt="" /></td> 
<td><img src="/storage/Slice-8.jpg" border="0" alt="" /></td> 
<td><img src="/storage/Slice-9.jpg" border="0" alt="" /></td> 
</tr> 
</tbody> 
</table> 

Answer 1

我面臨這個問題好幾次當我用在我的職業生涯的開始對電子郵件發件人工作。使用align="left" valign="top"屬性每<td>其中包含一個圖像

嘗試。我想它會解決你的問題與錶行之間的間距。

如果它不工作了......然後我有1級更多的解決方案...但第一次嘗試了這一點，看看它的工作原理...

Answer 2

1. 使用CSS重置http://yui.yahooapis.com/3.3.0/build/cssreset/reset-min.css
2. 定義display:block上的圖像

Answer 3

我大概知道真的很亂，但爲什麼不輸出這樣的圖片：

<img src="/storage/Slice-1.jpg" border="0" alt="" /> 
<img src="/storage/Slice-2.jpg" border="0" alt="" /> 
<img src="/storage/Slice-3.jpg" border="0" alt="" /><br/> 
<img src="/storage/Slice-4.jpg" border="0" alt="" /> 
<img src="/storage/Slice-5.jpg" border="0" alt="" /> 
<img src="/storage/Slice-6.jpg" border="0" alt="" /><br/> 
<img src="/storage/Slice-7.jpg" border="0" alt="" /> 
<img src="/storage/Slice-8.jpg" border="0" alt="" /> 
<img src="/storage/Slice-9.jpg" border="0" alt="" /> 

稱它爲作弊，但沒有CSS重置，表和圖像填充和邊距將是不可預知的說至少。