2013-01-10 33 views
0

之間我發現下面的代碼在網上如何在每個圖像

<center><table> 
<tr> 
<td><a href="" http:="" imageshack.us="" photo="" my-images="" 838="" tmp423.jpg="" '=""><img src="http://img838.imageshack.us/img838/7602/tmp423.jpg" width="300" height="300"></a> 
</td> 
<td><a href="" http:="" imageshack.us="" photo="" my-images="" 402="" dsc1324o.jpg="" '=""><img src="http://img402.imageshack.us/img402/7982/dsc1324o.jpg" width="300" height="300"></a> 
</td> 
<td><a href="" http:="" imageshack.us="" photo="" my-images="" 338="" dsc1325v.jpg="" '=""><img src="http://img338.imageshack.us/img338/135/dsc1325v.jpg" width="300" height="300"></a> 
</td> 
</tr> 
</table></center> 

定位並排相互間隔的圖像側中的每個圖像之間的位置相互間隔下方易趣產品圖片。我試圖在eBay上市說明中的每張圖片之間放置每張圖片。什麼是html代碼來將每個圖像放置在彼此之下,並且每個圖像之間有間距?我需要更改或添加上面的代碼,以使圖像居中並位於每個圖像之間的間距之下,並放置在彼此之下?謝謝。

回答

0

你擁有一個表格行(<tr></tr>)中的所有內容,這就是爲什麼一切都水平顯示。沒有CSS的最簡單方法是將每個圖像放在一個表格行中。另外,不管'=""是什麼,它都會關閉HTML聯合體;修復它或擺脫它。就像現在一樣,它沒有做任何事情。最後,你沒有關閉你的圖片標籤。

試試這個:

<center><table> 
<tr> 
    <td><a href="" http:="" imageshack.us="" photo="" my-images=""  838="" tmp423.jpg=""><img src="http://img838.imageshack.us/img838/7602/tmp423.jpg" width="300" height="300"></img></a></td> 
</tr> 
<tr> 
    <td><a href="" http:="" imageshack.us="" photo="" my-images="" 402="" dsc1324o.jpg=""><img src="http://img402.imageshack.us/img402/7982/dsc1324o.jpg" width="300" height="300"></img></a></td> 
</tr> 
<tr> 
    <td><a href="" http:="" imageshack.us="" photo="" my-images="" 338="" dsc1325v.jpg=""><img src="http://img338.imageshack.us/img338/135/dsc1325v.jpg" width="300" height="300"></img></a></td> 
</tr> 
</table></center> 
相關問題