divs flotador izquierda pasando a la siguiente línea

Question

que tienen algo parecido a continuación:

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

La cuestión es que necesito tener este div repita varias veces. Si se repite muchas veces, en lugar de forzarte a desplazarte hacia la derecha para ver el resto (como yo quiero), en su lugar pasa a la siguiente línea.

Ejemplo de la cuestión: http://jsfiddle.net/ruh7z/1/

Cualquier ayuda con esto sería grande, gracias

Answer 1

Ese comportamiento es exactamente lo que se supone que debe hacer flotar. Si usa table-cell para su estilo display, eso puede darle más de lo que espera. Tenga en cuenta que deberá usar relleno en lugar de márgenes si usa table-cell.

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

Here's a sample de esto en uso.

Answer 2

ponen los divs en un "ancho fijo" div contenedor y evitar desbordamientos. luego, tenga botones o lo que sea en cada extremo del contenedor div para "deslizar" las divisiones secundarias hacia la izquierda o hacia la derecha.