Kuinka keskittää kuva

Opi, miten keskittää kuva CSS:n avulla.

Keskittää kuva:

Tulip

Kuinka keskittää kuva

Vaihe 1 - Lisää HTML:

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

Vaihe 2 - Lisää CSS:

Jotta kuva keskittyy, aseta sen vasen ja oikea ulkoreuna autoja aseta se lohkoelementiksi:

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

Kokeile itse

Huomaa, jos leveys asetetaan 100%Jos se on (kyseenalainen), keskinkertainen keskustelu ei ole mahdollista.

Liittyvät sivut

Ohjeet:CSS kuva