限制一行中的图像数量？

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张图像并将图像浮动

否则循环遍历图像并使用模数运算符来测试您所在行中的图像。如果您的图像应该是该行中的第一个图像，则可以清除该图像上的浮动。