Centrer un élément absolute
Pour ne pas avoir à spécifier la taille de l'élément, il suffit d'utiliser la fonction translate() :
Centrer absolute horizontalement
.absolute-a-centrer-horizontalement {
position: absolute;
left: 50%;
transform: translate(-50%); /* décalage de 50% de sa largeur */
}
Centrer absolute verticalement
.absolute-a-centrer-verticalement {
position: absolute;
top: 50%;
transform: translateY(-50%); /* décalage de 50% de sa hauteur */
}
Centrer absolute horizontalement ET verticalement
.absolute-a-centrer {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* décalage de 50% de sa largeur ET de sa hauteur */
}