Comment aligner le centre dans Flexbox

Flexbox est devenu mon moyen préféré de centrer un élément sur une page.

Vous enveloppez un article dans undiv, et vous définissezdisplay: flexetjustify-content: center.

<div class="wrapper">
  ...
</div>
.wrapper {
  display: flex;
  justify-content: center;
}

Utiliser Tailwind CSS c'est plus simple, il suffit d'ajouter leflexetjustify-centerDes classes:

<div class="flex justify-center">
   ...
</div>

Téléchargez mon gratuitManuel CSS


Plus de didacticiels CSS: