Float lewy div udający się do następnej linii

Question

Mam coś podobnego do poniżej:

<div style="float:left;margin-left:5px;">Test</div> 

Kwestia jest taka, że ​​muszę mieć DIV Powtórz kilka razy. Jeśli powtarza się wiele razy, zamiast zmuszać cię do przewijania w prawo, aby zobaczyć resztę (tak jak tego chcę), zamiast tego przechodzi do następnej linii.

Przykład numerze: http://jsfiddle.net/ruh7z/1/

Każda pomoc z tym byłoby świetnie, dzięki

Answer 1

Takie zachowanie jest dokładnie takie, jak powinno robić się w ruchu. Jeśli użyjesz stylu table-cell dla swojego stylu display, może to dać ci więcej tego, czego się spodziewasz. Zauważ, że będziesz musiał użyć padding zamiast marginesów, jeśli użyjesz table-cell.

.container div 
{ 
    display: table-cell; 
    padding-left: 5px; 
} 

Here's a sample tego w użyciu.

Answer 2

umieścić div w „stałej szerokości” kontener div i zapobiec przepełnieniu. następnie mieć przyciski lub cokolwiek na każdym końcu pojemnika div, aby "przesunąć" dziecko lewe lub prawe divy.