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는 될 수있다 :이 사이 10px 간격으로 3 열에서 그들을 배치하고, 그러나 많은 이미지가로드에 필요한 그러나 많은 행 가야

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

. #frame-gallery의 width을 적용하여 적용되는 여백, 채우기, 테두리 등 3 이미지의 width에 맞게 조정하십시오.