Unidad 13. Posicionamiento. Flexbox. Grid (XXX)



13.21. Alinear. align-items

Podemos alinear las celdas de la rejilla respecto a su contenedor (la propia rejilla) con la propiedad align-items, la alineación es respecto a la dirección de las columnas (vertical), también podemos alinear el propio elemento si le asignamos la propiedad align-self que veremos más adelante.

Estos son los valores más utilizados de la propiedad align-items:

stretch, los elementos adaptan para ocupar el espacio disponible del contenedor, se ve asi:

celda 1
celda 2
celda 3
celda 4

 

 

start, los elementos se posicionan al principio del contenedor, se ve asi:

celda 1
celda 2
celda 3
celda 4

 

end, los elementos se posicionan al final del contenedor, se ve asi:

celda 1
celda 2
celda 3
celda 4

 

center, los elementos se posicionan centrados respecto del contenedor, se ve asi:

celda 1
celda 2
celda 3
celda 4

 

auto, los elementos se posicionan según el valor la regla vigente o el valor por defecto, se ve asi:

celda 1
celda 2
celda 3
celda 4

 

baseline, los elementos se posicionan respecto a la baseline del contenedorse ve asi:

celda 1
celda 2
celda 3
celda 4

 


Enero-2019 (V 2.0)
Pág. 13.30
Atrás Inicio Adelante






Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook ,    G+            Sobre aulaClic            Política de Cookies


© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.