Comment - Centrer les images
Apprenez à centrer une image avec CSS.
Image centrée :
Comment centrer les images
Étape 1) Ajoutez du HTML :
Exemple
<img src="paris.jpg" alt="Paris" class="center">
Étape 2) Ajoutez CSS :
Pour centrer une image, définissez les marges gauche et droite sur auto
et transformez-la en block
élément :
Exemple
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
Notez qu'il ne peut pas être centré si la largeur est définie sur 100 % (pleine largeur).
Conseil : accédez à notre didacticiel sur les images CSS pour en savoir plus sur la façon de styliser les images.