18041 sujets

Questions générales et questions de débutants

[Résolu] Annuler margin-left: auto; margin-right: auto; en css

Hello,

J’ai ce code pour center la div :
.region-secondary-menu {
  margin-left: auto;
  margin-right: auto;
}

J’ai défini la règle pour les mobiles, jusqu'à la taille MD (grille Bootstrap).

Je voudrais qu’au-delà, les valeurs de margin soit « supprimées », c'est-à-dire qu’elles n’influent plus la disposition de mon bloc.

Comment faire svp ?

Merci Smiley confused
Ok j’ai trouvé : au lieu de mettre les margin en auto pour les écrans supérieurs à MD, je passe en :
margin-right: calc(-.5 * var(--bs-gutter-x));
margin-left: calc(-.5 * var(--bs-gutter-x));

Qui est ma class « cumulée », juste en dessous dans ma feuille.

Je ne sais pas si je suis claire Smiley biggol
Meilleure solution
Modérateur
Salut,

Sinon faut juste regarder les spec, la valeur par défaut c'est 0 donc :
margin-left: 0;

ou même :
margin-left: initial;

si on veut etre sur.

Bonne journée
myself a écrit :
Je ne sais pas si je suis claire Smiley biggol

Pas trop... j'imagine qu'il s'agit ici de marges négatives pour les "anciennes" solutions de grilles en flexbox.

Par contre on pourrait synthétiser en une seule ligne :
margin-inline: calc(-.5 * var(--bs-gutter-x));

Modifié par Olivier C (25 Jan 2023 - 16:00)
Prévenir un modérateur
Répondre au sujet
Aller à