Le centrage vertical en CSS est un problème récurent, limite un meme de l'UI web. Une nouvelle propriété
Je l'ai découverte à travers cet article qui a la bon goût de lister les autres méthodes en attendant que la couverture soit plus large encore :
https://build-your-own.org/blog/20240813_css_vertical_center/
align-content: center;
simplifie la chose. Elle a été assez récemment intégrée dans les navigateurs (mars-avril 2024), mais couvre néanmoins déjà 85 % des navigateurs utilisés (79% sur bureau).Je l'ai découverte à travers cet article qui a la bon goût de lister les autres méthodes en attendant que la couverture soit plus large encore :
https://build-your-own.org/blog/20240813_css_vertical_center/