Ver Mensaje Individual
  #4 (permalink)  
Antiguo 07/03/2015, 09:02
Avatar de Graveworm
Graveworm
 
Fecha de Ingreso: marzo-2015
Mensajes: 5
Antigüedad: 9 años, 9 meses
Puntos: 0
Respuesta: Layout igual a printerest con flex, o no....

Gracias por la sugerencia PHPeros, pero no quiero usar js, me gustaria saber mas que nada si es posible hacerlo con CSS Flex.

pzin, la opcion que tu me dices si los acomoda de manera fluida, pero quiero que sigan los numeros ascendiendo hacia la derecha, si pongo el valor "column" me pone el 2 debajo del 1 y el 3 al lado del 1, yo quiero que pase lo mismo pero sin desordenar los numeros, te agradeceria mucho tu paciencia ya que nunca he trabajado con flex :D!

Cita:
Iniciado por pzin Ver Mensaje
Tienes que especificar que flex-direction sea column y luego añadir una posición absoluta al contenedor, para que los hijos ocupen el espacio.

Código CSS:
Ver original
  1. div#rejilla {
  2.   position: absolute;
  3.   width: 100%;
  4.   height: 100%;
  5.   display: flex;
  6.   flex-flow: column wrap;
  7. }

Hay un shorthand para flex-direction y flex-wrap: flex-flow.