CSS sigue siendo confuso para la mayoría de nosotros: tiene cientos de propiedades mal llamadas, cada una de las cuales puede afectar al resultado de formas poco intuitivas. El posicionamiento vertical de los elementos en el desarrollo web es complicado y ha sido a menudo un quebradero de cabeza en el pasado, pero esos días, afortunadamente, ya han pasado.
Es difícil de creer: en 2024, ya es posible conseguir el resultado deseado con una línea de CSS:
0f1273b25d9806459716
0f1273b25d9806459716
En el pasado, se utilizaban otras opciones para lograr el mismo resultado:
Flexbox
0f1273b25d9806459716
Posicionamiento absoluto
0f1273b25d9806459716
Bloque en línea
0f1273b25d9806459716
En Navegador compatible con align-content es ahora muy bueno y ya no hay ningún buen argumento para utilizar técnicas anticuadas. Entre otras cosas, ya no se necesita un flexbox para esta tarea y el elemento hijo (a diferencia del ejemplo anterior) no tiene que colocarse en un div Es sorprendente que, tras décadas de progreso, CSS sólo disponga ahora de una función para controlar el centrado vertical.