2011-07-27 41 views
5

Tengo varias divisiones que varían según los datos que utiliza. Actualmente se encuentran en un contenedor div, y su anchura es la mitad del recipiente con un flotador de la izquierda para que aparezcan como:Div en dos columnas

1 2 
3 4 
5 6 
7 8 
9 

etc ..

que estoy tratando de conseguirlo de forma que aparezca como:

1 6 
2 7 
3 8 
4 9 
5 

me parece que no puede encontrar una manera simple de hacer esto.

+0

Esto ayudará a: http://css-tricks.com/13372-seamless-responsive-photo-grid/ – benhowdle89

+0

¿Desea una solución javascript (o jQuery)? –

+0

Muchos (no todos) usuarios leen de izquierda a derecha, por lo que dependiendo del contexto de sus datos, esto podría ser confuso para el usuario. – Ross

Respuesta

5

@joseph; puede utilizar CSS3 column-count propiedad como esta comprobación

div#multicolumn1 { 
     -moz-column-count: 2; 
     -moz-column-gap: 50%; 
     -webkit-column-count: 2; 
     -webkit-column-gap: 50%; 
     column-count: 3; 
     column-gap: 50%; 

} 

este ejemplo http://jsfiddle.net/sandeep/pMbtk/ puede ser eso ayuda que

Cuestiones relacionadas