Jak to zrobić — wyśrodkować obrazy
Dowiedz się, jak wyśrodkować obraz za pomocą CSS.
Obraz wyśrodkowany:
Jak wyśrodkować obrazy
Krok 1) Dodaj kod HTML:
Przykład
<img src="paris.jpg" alt="Paris" class="center">
Krok 2) Dodaj CSS:
Aby wyśrodkować obraz, ustaw lewy i prawy margines na auto
i zmień go w block
element:
Przykład
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
Zwróć uwagę, że nie można go wyśrodkować, jeśli szerokość jest ustawiona na 100% (pełna szerokość).
Wskazówka: przejdź do naszego samouczka dotyczącego obrazów CSS , aby dowiedzieć się więcej o stylizacji obrazów.