Comment puis-je centrer facilement une division horizontalement à l'aide de CSS ?

Centrage horizontal sans effort de <div> Éléments utilisant CSS

Centrage d'un <div> Un élément sur une page Web tout en conservant une largeur minimale peut être facilement obtenu en utilisant CSS. Pour ce faire :

Pour une largeur non fixe <div> Éléments :

Si vous ne connaissez pas l'espace exact, le <div> occupera, suivez ces étapes :

1. Créez un conteneur wrapper (#wrapper) avec une largeur spécifiée et alignez manuellement le texte à l'intérieur (c'est-à-dire text-align: center;).
2. Définissez le <div> à centrer en ligne à l'aide de display: inline-block;.

#wrapper {
  background-color: green; /* for visualization */
  text-align: center;
}
#yourdiv {
  background-color: red; /* for visualization */
  display: inline-block;
}

<div>

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!