Wie zentriere ich ein zugeschnittenes Bild horizontal in CSS?

Bilder mithilfe von CSS horizontal ausrichten

Es stellt sich die Frage, wie man ein Bild mithilfe von CSS horizontal zentriert. Ein Bild wird mithilfe von HTML-Code auf dem Bildschirm angezeigt und seine spezifischen Teile werden mithilfe von CSS-Regeln zugeschnitten. Trotz des Zuschneidens des Bildes bleibt das Zentrieren jedoch eine Herausforderung.

Um eine horizontale Zentrierung zu erreichen, kann das folgende CSS angewendet werden:

.center img {    
  display:block;
  margin-left:auto;
  margin-right:auto;
}

Zusätzlich sollte das Bild die „Mitte“ haben. Klasse hinzugefügt, um eine Zentrierung zu erreichen:

class="center"

Durch Befolgen dieser Schritte wird das Bild effektiv horizontal zentriert, auch nach dem Zuschneiden.

Das obige ist der detaillierte Inhalt vonWie zentriere ich ein zugeschnittenes Bild horizontal in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!