使用CSS排列图像列表

Question

感谢这个小组，我已经从另一个网站获取了div元素。

require_once('E:\wamp\www\in.com\components\simple_html_dom.php');


$html=file_get_html('http://www.behance.net/samerh/frame');
$ret=$html->find("div[id=frame-gallery]");
$ret=array_shift($ret);
echo($ret);

而且该div中的内容是所有图像，并且显示在单个列表中，相反，我想通过为其编写css和js文件将其排列为3列和10行。

它应该是动态的，就像是否添加了项目的任何新图像或对该网站进行的任何更改一样，它应该显示在我当前的网站中。

请帮我看看如何在CSS中进行这种安排，

提前致谢。

Answer 1

我同意所提意见。 学会接受找到的解决问题的答案（如果您不知道，请单击投票数下方的复选标记接受答案）。 但是，我会怜悯你的。

此解决方案假定图像的宽度都相同，出于说明目的，我将说100px宽。 您的CSS可能是：

#frame-gallery {width: 330px;}
#frame-gallery img {float: left; margin: 0 10px 10px 0;}

这应该将它们排列成3列，各列之间的间距为10px，并且无论加载多少图像都需要很多行。 改变width的的#frame-gallery只适合width 3个影像加上任何余量，填充，边框等，它们被施加到它们。