Centrer horizontalement un élément avec un positionnement absolu.

de | juillet 16, 2015

Bonjour,
Aujourd’hui je vous montre un petit trick css que j’ai utilisé afin de centrer horizontalement un bouton définit en position absolute.
La technique classique suivante ne marchant pas en position relative;:

div {
    position: relative;
    width: 50px;
    margin: auto;
}

Voici comment réaliser la même chose en position absolute.

div {
    position:absolute;
    left: 0
    right: 0
    margin: auto;
}

Le fait de définir le left et le right de l’élément agit comme si on définissait une largeur. Ceci permet au navigateur de centrer l’élément horizontalement.

A bientôt

00
Catégorie : CSS Étiquettes :

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.