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 Ahora es muy bueno, y ya no hay buenos argumentos para usar técnicas obsoletas. Para esta tarea, ya no necesitas un flexbox, y el elemento hijo (a diferencia del ejemplo anterior) no necesita estar en un `<body>` separado. div Es sorprendente que, tras décadas de progreso, CSS sólo disponga ahora de una función para controlar el centrado vertical.