Comment centrer une div horizontalement en CSS ?

Comment centrer un div en CSS

Tentative de centrer un div horizontalement en utilisant "text-align: center;" peut s’avérer infructueux. C'est parce que "text-align: center;" centre uniquement le contenu en ligne du div, pas le div lui-même.

Pour les éléments de bloc comme les divs, appliquez "margin: 0 auto;" pour le centrer automatiquement. S'il s'agit d'un élément en ligne, définissez "text-align: center;" sur son élément parent à la place.

"margin: 0 auto;" garantit que les marges supérieure et inférieure sont définies sur 0, tandis que les marges gauche et droite sont définies sur "auto" (de taille identique), centrant ainsi l'élément. Notez que cette technique nécessite que l'élément de bloc ait une largeur définie (fixe ou relative).

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!