동적 테이블 위치 지정

Question

여기 테이블을 얻었습니다 :

.

동적 인 위치에 배치하고 싶습니다.이 경우 숫자 3 표는 표 2 아래에 공백이 없어야합니다.

가능합니까? 어떻게이 일을 끝낼 수 있습니까?

Answer 1

가장 간단한 방법은 CSS 부동 소수점 (http://jsbin.com/xibuwaso/2/edit)을 사용하는 것입니다. 가능한 한 최대한 테이블을 배열합니다. 그것은 완벽하지 않습니다. 그러나 그것은 단순한 해결책입니다.

더 좋고 더 복잡한 해결책은 Isotope 또는 Masonary.js과 같은 것을 사용하는 것입니다. 이 두 자바 스크립트 라이브러리는 훌륭하고 많은 기능과 옵션을 가지고 있습니다. 설정 옵션에 따라 테이블의 순서를 재 배열 할 수 있습니다 (테이블 내의 행이 아니라 테이블 자체). 그것이 문제인지 확실하지 않습니다.

Answer 2

float를 사용해 볼 수 있습니다. 예 : http://jsfiddle.net/3S37c/1/

float:left 

하지만 어쩌면 당신은 당신의 CSS의 복잡성에 따라 몇 가지 문제가있을 수 있습니다.

작업을 수행하는 일부 JS 라이브러리가 있습니다.