Ver Mensaje Individual
  #3 (permalink)  
Antiguo 12/09/2017, 16:48
quico5
 
Fecha de Ingreso: enero-2008
Mensajes: 580
Antigüedad: 16 años, 2 meses
Puntos: 9
Respuesta: CSS columns con DIV con HEIGHT automático no funciona

Hola Rafael, , no me fué fácil describirlo, ahí tienes el código, los 2 primeros ejemplos son los parciales, en los siguientes ejemplos se combinan los 2 primeros, parece que "funciona en jsfiddle" aunque las cajas se cortan entre una y otra columna

https://jsfiddle.net/7210bhyp/4/

Aunque tengo mis dudas -> columns: 100px 3; <- Se supone que esto indica un máximo de 3 columnas con un ancho por columna de 100px, pero si pongo un ancho mayor de 300px al contenedor provoca que las columnas se vuelvan más anchas, ¿Es correcto o es un fallo?

Nota: En Opera medio funciona, en Firefox no funcionan los ratio

----------

En la siguiente imagen de ejemplo muestro como podría mostar unas Tarjetas partiendo del CSS: "Columns y Ratio" para controlar ancho y número de los elementos hijos por fila


Última edición por quico5; 12/09/2017 a las 17:28