La propriété align-content pour les mises en page de blocs fait désormais partie de la ligne de référence

Rachel Andrew

Publié le 17 avril 2024

Vous pouvez désormais utiliser la propriété align-content de l'alignement des boîtes CSS sur les mises en page de blocs et de tableaux. Cela permettra d'aligner la direction du bloc sans avoir à créer une mise en page flexible ou en grille.

La tâche autrefois impossible de centrer un élément verticalement a été facilitée par flexbox et grid, ainsi que par la propriété align-content. Toutefois, cela impliquait de créer une mise en page flexible ou en grille uniquement pour cet alignement. La propriété a été spécifiée pour la mise en page en bloc, et au cours des derniers mois, les trois principaux moteurs ont déployé la fonctionnalité.

Avec align-content disponible pour la mise en page en bloc, vous pouvez obtenir un alignement vertical sans avoir à créer de mise en page flexible ou en grille pour que la propriété fonctionne. Aucune propriété supplémentaire n'est nécessaire, car l'élément reste un élément de bloc. Seule l'alignement est modifié.