[CSS3] Centrer parfaitement un div

Créé le : 25 août 2015
Catégorie: Divers
Mise à jour : 25 août 2015

[CSS3] Centrer parfaitement un div

Il est facile de centrer un div avec text-align:center ou margin:0 auto mais quand on veut centrer verticalement un div au centre d’un autre div (ou de la page) c’est plus compliqué, d’autant plus si la taille peut varier.

Avec CSS3 c’est désormais faisable facilement:

.div_parent{position:relative;}

.div_a_center{
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);/* ça c'est la clé */
}

css centrer div

Laissez un commentaire