Ahora puedes usar la propiedad align-content desde la alineación del cuadro de CSS en diseños de bloques y tablas. Esto permitirá la alineación de dirección de bloques sin necesidad de crear un diseño flexible o de cuadrícula.
Navegadores compatibles
- 123
- 123
- 125
- 17,4
Flexbox y la cuadrícula, junto con la propiedad align-content, facilitaron la tarea que antes era imposible de centrar de forma vertical un elemento. Sin embargo, sí implicó crear un diseño flexible o de cuadrícula sin otro motivo que para realizar esta alineación.
Se especificó la propiedad para el diseño de bloques y, en los últimos meses, se lanzó la función de los tres motores principales.
Con align-content disponible para el diseño de bloques, puedes lograr una alineación vertical sin necesidad de crear un diseño flexible o de cuadrícula para que funcione la propiedad. No se necesitan propiedades adicionales, ya que el elemento sigue siendo un elemento de bloque; el único cambio es la alineación.
align-content centra el encabezado verticalmente dentro de un contenedor de bloques.