Hur man centrerar en bild

Lär dig hur man centrerar en bild med CSS.

Centrera bild:

Tulip

Hur man centrerar en bild

Steg 1 - Lägg till HTML:

<img src="paris.jpg" alt="Paris" class="center">

Steg 2 - Lägg till CSS:

För att centrera bilden, ställ in höger och vänster marginaler till autooch sätt den till en block-element:

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

Prova själv

Vänligen notera att om bredden är inställd på 100%（fyll i），kan inte centreras.

Relaterade sidor

Tutorial:CSS bild