限制一排圖像的數量？

Question

我有一組，我想的圖像顯示在那裏它們被保存到我的數據庫連接，其中每一個圖片都有大拇指，現在我已經使用limit inquery顯示圖像的少數當用戶需要去下一個顯示其他，我的問題是，我該怎麼安排這些圖像，其中4張圖像在一排3列

Answer 1

HTML：

<div id="image_container"> 
<img src="" alt="" /> 
<img src="" alt="" /> 
<img src="" alt="" /> 
<img src="" alt="" /> 
... 
</div> 

CSS：

#image_container { width:440px; overflow:hidden; } 
#image_container img { width:100px; margin:5px; float:left; display:inline; } 

您可能需要調整大小;儘管這是一般概念。

Answer 2

如果圖像都具有相同的寬度，則使僅4個圖像足夠寬的容器和浮動圖像左

否則遍歷圖像，並使用模運算來測試其圖像的行中，你都在。如果您在圖像上應該是該行中的第一個圖像，則可以清除該圖像上的浮動圖像。