2011-04-02 124 views
0

左右照片之間會有間隙。我如何製作無間隙?我嘗試使用浮動和顯示哪些似乎不可行?圖像之間無間隔

echo '<li><a href="'.$row['id'].'"><img alt="'.$row['username'].'" src="photo/'.$phm.'"></img></a></li>'; 
+1

您是否使用JQuery將列表顯示更改爲水平?你可以發佈CSS嗎? – lecodesportif 2011-04-02 10:00:24

+1

當標記中只有一個''時,怎麼會有差距? – Eric 2011-04-02 10:57:41

回答

1

沒有足夠的代碼來查看,很難確定究竟是什麼導致了間隙。嘗試重置你的李,img和一個標籤,看看它是否有幫助。將此添加到您的css文件的頂部。

li, a, img{ 
padding:0; 
margin:0; 
border:0; 
} 

如果這不起作用。您需要發佈更多代碼才能看到。

1

如果li的浮動已經加display: block到你的圖像

1

如果有因標記空白(空格新線或)裏的之間的差距,您使用inline-block的顯示,您可以通過在包含元素上使用font-size:0來刪除它。