Gewusst wie: Bilder zentrieren
Erfahren Sie, wie Sie ein Bild mit CSS zentrieren.
Zentriertes Bild:
So zentrieren Sie Bilder
Schritt 1) HTML hinzufügen:
Beispiel
<img src="paris.jpg" alt="Paris" class="center">
Schritt 2) CSS hinzufügen:
Um ein Bild zu zentrieren, setzen Sie den linken und rechten Rand auf auto
und machen Sie es zu einem block
Element:
Beispiel
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
Beachten Sie, dass es nicht zentriert werden kann, wenn die Breite auf 100 % (volle Breite) eingestellt ist.
Tipp: Gehen Sie zu unserem CSS-Bilder-Tutorial , um mehr über das Gestalten von Bildern zu erfahren.