방법 : 다양한 크기의 콘텐츠 타일?

Question

이 기술은 내용 (또는 내용 발췌 부분)이 유동적 인 방식으로 다양한 크기의 타일로 표시되는 꽤 많이 사용되었습니다 (pinterest.com, factorymagazine.com). 나는 이것이 무엇이라고 불리고 그것이 어떻게 성취되었는지 궁금해합니다. 감사.

Answer 1

저는 귀하가 jQuery Masonry plugin을 찾고 있다고 믿습니다. 귀하의 모든 요구 사항을 충족시켜야하며 사용이 간편합니다.

데모 : http://jsfiddle.net/SO_AMK/9U9Zh/2/

jQuery를 :

$("#container").masonry(); 

Vanilla Masonry, 그것은 단지 바닐라 JS를 사용하는 것을 제외하고는 jQuery를 벽돌의 중복이보다 오히려 jQuery를 사용하지 않을 경우, 사용이 거의 간단하다 jQuery Masonry : var wall = new Masonry(document.getElementById("container"));