Table des matières

Centrer en CSS

Depuis des lustres je dois rechercher la propriété css à chaque fois, alors la voici enfin condensée

Astuces tirées de l'excellent grafikart.fr

display:inline/inline-block

.box{ text-align: center; }

display:block

.box-content{ margin-left:auto; margin-right: auto; }

pas mal d'autres exemples sur grafikart.fr et une vidéo

display:flex

.box{
   display: flex;
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
   align-content: center;
}
 
/* sur une ligne */
.box{
display:flex;justify-content:center;align-items:center;flex-wrap:wrap;align-content:center;
}
 
forcé
 
display:flex !important;justify-content:center !important;align-items:center !important;flex-wrap:wrap !important;align-content:center !important;
 
 
ou
 
style="display:flex;justify-content:center;align-items:center;flex-wrap:wrap;align-content:center;"

concretecms