CSS 이미지 누비 이불

Question

그래서 내가보기에 내가 어떻게 이상하게 보이는지 보여 드리겠습니다. 나는 언제나 다른 이미지를 가지고 있고, 나는 그들이 2 열 퀼트와 같이 표시되기를 바랍니다. 다음은 추악한 예입니다.

aaabbbbddddddddddhhhhhhhhh 
aaabbbbddddddddddhhhhhhhhh 
aaabbbbeeeeeggg hhhhhhhhh 
    bbbbeeeeeggg hhhhhhhhh 
ccccccccffffffffffggggiiiiii 
ccccccccffffffffffggggkkkk 
ccccccccffffffffff kkkk 

나는 그것이 사실인지 또는 현실적으로 달성 가능한지는 알 수 없습니다. 좀 더 코드화 된 방식으로 설명하기 위해 div를 왼쪽이나 오른쪽으로 띄울뿐만 아니라 사용 가능한 공간이 있으면 옆의 이미지를 채우기 전에 이전 이미지 아래로 띄울 수도 있습니다. 다른 이미지는 다른 인스턴스에서 동일한 CSS/HTML/자바 스크립트를 사용하기 때문에 절대 위치 지정을 사용할 수 없습니다.

Answer 1

거기에 대한 jQuery 플러그인은 jQuery Masonry입니다. 나는 당신의 문제에 대한 쉬운 비 jQuery 솔루션에 대해 알지 못한다.