En este vídeo explicamos las forma de alinear en una rejilla:
Podemos alinear las celdas de la rejilla respecto a su contenedor (la propia rejilla) con la propiedad justify-items, la alineación es respecto a la dirección de las filas (horizontal), también podemos alinear el propio elemento si le asignamos la propiedad justify-self que veremos más adelante:
Estos son los valores más utilizados de la propiedad justify-items:
stretch, es el valor por defecto, los elementos adaptan para ocupar el espacio disponible del contenedor, se ve así:
normal, se aplica el valor por defecto según el entorno, en este caso es equivalente a strech, se ve así:
start, los elementos se posicionan al principio del contenedor, se ve así:
end, los elementos se posicionan al final del contenedor, se ve así:
center, los elementos se posicionan centrados respecto del contenedor, se ve así:
auto, los elementos se posicionan según el valor la regla vigente o el valor por defecto, se ve así:
baseline, se alinea respecto a baseline calculada para los elementos implicados, se ve así:
Basadas en la baseline existen otras dos alineaciones: first baseline, se alinea respecto a la primera baseline; y last baseline, alinea respecto a la última baseline.
Cursos Informática Gratuitos Síguenos en: Facebook Sobre aulaClic Política de Cookies
© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.