Herramientas de usuario

Herramientas del sitio


informatica:diseno_web:css:grid

Diferencias

Muestra las diferencias entre dos versiones de la página.

Enlace a la vista de comparación

Ambos lados, revisión anteriorRevisión previa
Próxima revisión
Revisión previa
informatica:diseno_web:css:grid [2024/03/04 13:48] – [Rejillas implícitas] tempwininformatica:diseno_web:css:grid [2024/03/04 13:51] (actual) – [Número de pistas dinámico] tempwin
Línea 98: Línea 98:
   * ''grid-auto-flow''   * ''grid-auto-flow''
  
-Para definir una rejilla implícita, estableceremos el flujo automático de elementos en filas y permitiremos que rellenen huecos cambiando el orden si es necesario:+Para definir una rejilla implícita, estableceremos el flujo automático de elementos en filas y permitiremos que rellenen huecos cambiando el orden si es necesario (''dense''):
  
 <code css> <code css>
Línea 112: Línea 112:
 grid-template-columns: repeat(auto-fit, 350px); grid-template-columns: repeat(auto-fit, 350px);
 </code> </code>
 +
 +Con ''auto-fit'' estamos indicando que se calcule el número de columnas necesario para rellenar los espacios.
  
 Tamaño de pistas dinámico: Tamaño de pistas dinámico:
informatica/diseno_web/css/grid.1709556513.txt.gz · Última modificación: por tempwin