La propiedad de contenido de alineación para los diseños de bloques ahora forma parte de Baseline
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
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
123
123
125
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.
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2024-04-17 (UTC)"],[],[]]