2012-07-24 15 views
7

estoy usando (columna de recuento: 4) en CSS3 para adaptarse a 9 imágenes en 4 columnas (la cosa que se piensa aquí: http://css-tricks.com/seamless-responsive-photo-grid/)¿Cómo hacer filas de relleno de conteo de columnas primero en css3?

pero en mi caso, 9 imágenes acaba de encajar 3 columnas (3 en cada columna) y la última columna en vacío! ¿Cómo puedo hacer para llenar las filas al principio?

+0

¿Puede mostrarnos lo que hizo? –

+0

Su pedido no es lógico ... no puede usar el concepto de "filas" cuando le está diciendo al operador que muestre el contenido en columnas. –

+0

por favor publica un violín –

Respuesta

0

Se supone que column-fill: balance hace lo que quiere, pero eso no parece funcionar en los navegadores reales.

Tal vez Multicol no es la herramienta adecuada para usted. Dependiendo de exactamente lo que estás tratando de hacer, ¿tal vez flexbox, o simplemente en línea bloque podría cortarlo?

http://jsbin.com/nobosu/1/edit?css,output

Tal vez esto llega un poco más cerca de lo que estaba tratando de hacer: http://jsbin.com/nobosu/edit?html,css,output

Sin detalles, que es un poco difícil saber qué prescribir.

Cuestiones relacionadas