Упорядочить список изображений с помощью 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 - это все изображения, которые отображаются в одном списке, вместо этого я хочу расположить его в 3 столбца и 10 строк, написав для него файлы css и js.

Он должен быть динамичным, как если бы добавлялось какое-либо новое изображение проекта или любые изменения, сделанные на этом сайте, оно должно отображаться на моем текущем веб-сайте.

Пожалуйста, помогите показать мне, как сделать это расположение в CSS,

Заранее спасибо.

Answer 1

Я согласен с комментариями. Научитесь принимать ответы, которые, по вашему мнению, решают вашу проблему (если вы не знаете, примите ответы, нажав на флажок под счетчиком голосов). Тем не менее, я буду помиловать тебя.

В этом решении предполагается, что все изображения имеют одинаковую ширину, для иллюстрации я скажу ширину 100 пикселей. Ваш CSS может быть:

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

Это должно расположить их в 3 столбца с интервалом 10px и пойти на любое количество строк, необходимое для загрузки большого количества изображений. Измените width из #frame-gallery, чтобы он соответствовал width из 3 изображений плюс любые поля, отступы, границы и т. Д., Которые к ним применяются.