Jak wyśrodkować obraz

Naucz się, jak używać CSS do wyśrodkowania obrazu.

Wyśrodkowanie obrazu:

Tulip

Jak wyśrodkować obraz

Krok 1 - Dodaj HTML:

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

Krok 2 - Dodaj CSS:

Aby umieścić obraz w środku, ustaw marginesy boczne na autoi ustaw jako element blokowy:

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

Spróbuj sam

Proszę zauważyć, jeśli szerokość ustawiona jest na 100%Jeśli jest (pełna szerokość), nie można wyśrodkować.

Strony związane

Tutorial:CSS obraz