<strong>¿Existe alguna manera de poner el la cantidad de veces un automático?</strong> Me refiero a que en lugar poner N cantidad de repe...

Axel Vasquez

Axel Vasquez

Pregunta
studenthace 6 años

¿Existe alguna manera de poner el la cantidad de veces un automático?

Me refiero a que en lugar poner N cantidad de repeticiones se haga por cada elemento hijo que contenga, lo digo porque investigando vi que en repeat se puede poner más de un elemento a repetir.

Ejemplo:

<padre> <hijo></hijo> <hijo></hijo> <hijo></hijo> <hijo></hijo> <hijo></hijo> </padre> padre { //escribir esto grid-template-columns: repeat(automatico, 100px 50px) //que el padre lo interprete asi grid-template-columns: repeat(5, 100px 50px) }

Lo pregunto porque al usar grid con diferentes tamaños pero no sabiendo cuantos elementos habrá (en el caso de que eso llegue del backend o de un api) los elementos que lleguen de más tendrán un tamaño diferente de lo esperad

3 respuestas
para escribir tu comentario
    Alejandro Sanchez

    Alejandro Sanchez

    studenthace 6 años

    Con auto-fill no queda bien y con auto no funciona

    GEORGIE WLADIMIR DUARTE CADENAS

    GEORGIE WLADIMIR DUARTE CADENAS

    studenthace 6 años

    Puedes usar repeat(auto-fill, minmax(200px,1fr) con auto-fill se completan el numero de columnas automaticamente de acuerdo al ancho que les coloques. Espero te sirva.

    Axel Vasquez

    Axel Vasquez

    studenthace 6 años

    Falto agregar, se que con javascript se podría hacer leyendo la cantidad de elementos hijos que contiene y agregando el estilo con esta cantidad, pero quería saber si en css viene contemplado algo así o seria obligatoriamente usar javascript

Curso de CSS Grid Layout 2017

Curso de CSS Grid Layout 2017

El módulo CSS Grid Layout nos permite generar distribuciones del contenido en nuestros sitios web de forma eficiente. Controla esta estructura bidimensional de filas y columnas con propiedades de CSS. Crea layouts increíbles de manera fácil, rápida y sin repetir código.

Curso de CSS Grid Layout 2017
Curso de CSS Grid Layout 2017

Curso de CSS Grid Layout 2017

El módulo CSS Grid Layout nos permite generar distribuciones del contenido en nuestros sitios web de forma eficiente. Controla esta estructura bidimensional de filas y columnas con propiedades de CSS. Crea layouts increíbles de manera fácil, rápida y sin repetir código.