Duplicar posible:
How to stack divs from top to bottom in CSS¿Cómo hacer div stack primero verticalmente y luego horizontalmente?
Cuando tengo varias Div adyacentes con float:left, que se encaja como esto:
_______
| 1 2 3 |
| 4 5 |
|_______|
Quiero una pila de esta manera:
_______
| 1 4 |
| 2 5 |
|_3_____|
jsFiddle with the horizontal stacking
¿Cómo puedo lograr el apilamiento vertical?
@ pinouchon; para este tipo de diseño puede usar css3 column-count property para esto.
CSS:
div#multicolumn1 {
-moz-column-count: 2;
-moz-column-gap: 10px;
-webkit-column-count: 2;
-webkit-column-gap: 10px;
column-count: 2;
column-gap: 10px;
}
comprobar mi ejemplo aquí para obtener más How to stack divs from top to bottom in CSS
leer este artículo para más http://www.quirksmode.org/css/multicolumn.html
Esto [no funciona para IE, en todos] (http://caniuse.com/#search=column-count). –
sí; La propiedad css3 column-count no funciona en IE, para esto puede usar js http://www.csscripting.com/css-multi-column/ poner esto en el comentario de IE. – sandeep
Esta es una buena pregunta, pero ¿por qué en primer lugar? desea llenar el espacio que el usuario ha mostrado y continuar desplazándose para ver más ... parece que está trabajando en algún sitio web para móviles o –
De hecho, votó para cerrar –