Contenido del Curso
CSS Fundamentals
CSS Fundamentals
Aligning Items Vertically
The align-items
property governs the vertical arrangement of flex items. Its default value is stretch
.
Let's run the following examples to get where do we need it.
stretch
It means that we extend items to the entire length of the cross axis.
index
index
index
center
Items are in the center of the cross axis.
index
index
index
flex-start
All items start at the beginning of the cross axis.
index
index
index
flex-end
All items are in the end of the cross axis (in the end of the parent flex container).
index
index
index
baseline
All flex items are aligned based on their text content baseline.
index
index
index
¡Gracias por tus comentarios!