Wie man ein Bild zentral ausrichtet

Lernen Sie, wie Sie ein Bild mit CSS zentral ausrichten.

Zentrierung des Bildes:

Tulip

Wie man ein Bild zentral ausrichtet

Schritt 1 - HTML hinzufügen:

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

Schritt 2 - CSS hinzufügen:

Um ein Bild zentral auszurichten, stellen Sie die linken und rechten Außenränder ein autound stellen Sie es als Block-Element ein:

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

Versuchen Sie es selbst

Bitte beachten Sie, wenn die Breite auf 100%(Breitband), kann nicht zentriert werden.

Verwandte Seiten

Tutorials:CSS-Bild