CSS는 다양한 높이와 너비의 div를 "네슬 링"으로 가능한 한 작은 공간으로 만듭니다.

Question

안녕하세요 저는 다양한 높이의 divs를 최적의 위치에 놓아 가능한 한 작은 공간을 가능한 한 많이 차지하도록 노력하고 있습니다. 나는 인라인 블록을 사용하여 수직 정렬을 사용하여 시도했다. divs는 (일종의) 새끼를 낳지 만 때때로 큰 간격을 남깁니다. 간격이없는 타일처럼 div를 함께 구성하려면 CSS (또는 필요한 경우 자바 스크립트)가있는 방법이 있습니까? (수 또는 최소 갭)

덕분

http://iam.beyonce.com/의 이미지처럼

Answer 1

또는 벽돌공의 더 큰 자매 Isotope에 빛을 발라주십시오. 석공 술 위에는 항목을 분류하고 필터링하는 등 많은 작업을 할 수 있습니다.

Answer 2

?

예인 경우 jQuery Masonry의 데모를 확인하고 수정 방법을 알아보십시오.