La propiedad de contenido de alineación para los diseños de bloques ahora forma parte de Baseline

Rachel Andrew

Publicado: 17 de abril de 2024

Ahora puedes usar la propiedad align-content de CSS Box Alignment en diseños de bloques y tablas. Esto permitirá la alineación de la dirección del bloque sin necesidad de crear un diseño de cuadrícula o flexible.

Browser Support

  • Chrome: 123.
  • Edge: 123.
  • Firefox: 125.
  • Safari: 17.4.

La tarea que antes era imposible de centrar un elemento verticalmente se facilitó con Flexbox y Grid, junto con la propiedad align-content. Sin embargo, sí implicó crear un diseño flexible o de cuadrícula solo para lograr esta alineación. La propiedad se especificó para el diseño de bloques y, en los últimos meses, los tres motores principales lanzaron la función.

Con align-content disponible para el diseño de bloques, puedes lograr la alineación vertical sin necesidad de crear un diseño flexible o de cuadrícula para que la propiedad funcione. No se necesitan propiedades adicionales, ya que el elemento sigue siendo un elemento de bloque. El único cambio es la alineación.

La propiedad align-content centra el encabezado verticalmente dentro de un contenedor de bloques.