[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

closeCet article a été publié il y a 2 ans 3 mois 24 jours, il est donc possible qu’il ne soit plus à jour. Les informations proposées sont donc peut-être expirées.

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