간격이없는 가로 및 세로로 유연한 divs 위치

Question

divs는 컨테이너의 너비에 따라 같은 너비와 높이로 수평 및 수직으로 위치를 동적으로 지정하려고합니다.

DEMO HERE

내가

처럼 쌓아 싶습니다 | 1 | 2 |

| 3 | 4 |

| 5 |

문제는 div의 사이에 흰색 틈이있다. 나는 아직도 격차를 얻을 왼쪽

DEMO HERE

에 명확 1과 5를 추가 할 경우에도 마찬가지입니다.

그것은 CSS와 그것을 달성 할 수 있습니까?

EDIT: 

컨테이너 폭이 변경 될 수 있습니다 (예 : 사용자가 테두리를 드래그하는 경우). 그러면 divs 내부는 내부의 전체 공간을 차지하도록 올바르게 정렬되어야합니다. 아래의 가능한 결과 :

| 1 |

| 2 |

| 3 |

| 4 |

| 5 |

또는

| 1 | 2 | 3 |

| 4 | 5 |

또는

| 1 | 2 | 3 | 4 |

| 5 |

또는

| 1 | 2 | 3 | 4 | 5 |

Answer 1

CSS 만 사용하려는 경우 두 개의 열을 설정하는 것이 가장 좋습니다. 첫 번째 열에서는 1, 3, 5를 입력하고 두 번째 열은 2와 4를 입력합니다. 그런 식으로 공백이 생기지는 않습니다.

편집 : 당신이 공백없이 그 div의 스택 여전히 당신은 단지 CSS에서 그것을 할 수있는 유연한 레이아웃을 갖고 싶어하지만 당신은 Isotope 정말 사용하기 쉬운 jQuery 플러그인으로 시도 할 수있는 경우 .

Answer 2

사용해보기 : 클래스 열을 만들고 그 안에 내용이있는 열이 있습니다. ... 당신이 필요하지만 작동 것이 아닐 수

http://jsfiddle.net/Te7Z6/41/