0
我的網站上的CSS樣式有點困難,目前我有一排圖像,我想沿着我的頁面水平對齊。但是現在它將它們全部垂直顯示,並且我不知道爲什麼。所有的圖像都存儲在一個數組中,這只是讓他們排隊,這就是問題所在。 這裏是我的代碼:水平顯示圖像CSS
.img{
float:left;
width:120px;
margin:auto;
margin-left:10px;
padding:5px;
}
我的網站上的CSS樣式有點困難,目前我有一排圖像,我想沿着我的頁面水平對齊。但是現在它將它們全部垂直顯示,並且我不知道爲什麼。所有的圖像都存儲在一個數組中,這只是讓他們排隊,這就是問題所在。 這裏是我的代碼:水平顯示圖像CSS
.img{
float:left;
width:120px;
margin:auto;
margin-left:10px;
padding:5px;
}
您應該添加到您的風格display:inline-block
。值爲inline-block
,您的.img不會在最後顯示爲換行符。
將您的代碼複製/粘貼到jsfiddle中,圖像水平顯示。你的HTML是什麼樣的? http://jsfiddle.net/aWTKf/1/ – xec
剛剛意識到我的img存儲在一個名爲theimgs的div裏面。這可以做到這一點? – user182
如果每個img都在它自己的div中,那麼是的。或者如果容器div太窄。如果您發佈了相關的HTML,它會更容易幫助;) – xec