限制连续图像的数量？

【问题标题】：limit number of images in a row?限制连续图像的数量？
【发布时间】：2010-05-08 11:03:01
【问题描述】：

我有一组图像，我想显示它们作为链接保存到我的数据库中的位置，每个图像都有自己的拇指，现在我使用limit inquery 来显示用户需要的少量图像接下来展示另一个，我的问题是我如何安排那些连续 4 张图像和 3 列图像的图像

【问题讨论】：

【解决方案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; }

您可能需要调整尺寸；这是一般概念。

【讨论】：

【解决方案2】：

如果图像都具有相同的宽度，则使容器的宽度仅足以容纳 4 个图像并将图像向左浮动

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

【讨论】：