2013-04-14 227 views
0

我的網站上的CSS樣式有點困難,目前我有一排圖像,我想沿着我的頁面水平對齊。但是現在它將它們全部垂直顯示,並且我不知道爲什麼。所有的圖像都存儲在一個數組中,這只是讓他們排隊,這就是問題所在。 這裏是我的代碼:水平顯示圖像CSS

.img{ 
float:left; 
width:120px; 
margin:auto; 
margin-left:10px; 
padding:5px; 
} 
+0

將您的代碼複製/粘貼到jsfiddle中,圖像水平顯示。你的HTML是什麼樣的? http://jsfiddle.net/aWTKf/1/ – xec

+0

剛剛意識到我的img存儲在一個名爲theimgs的div裏面。這可以做到這一點? – user182

+1

如果每個img都在它自己的div中,那麼是的。或者如果容器div太窄。如果您發佈了相關的HTML,它會更容易幫助;) – xec

回答

0

您應該添加到您的風格display:inline-block。值爲inline-block,您的.img不會在最後顯示爲換行符。