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

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.

Browser Support

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

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é.

La propriété align-content centre le titre verticalement dans un conteneur de bloc.