Wie zentriere ich ein Bild horizontal innerhalb eines Div?

Horizontales Ausrichten eines Bildes innerhalb eines Div-Containers

Frage:

Wie erreicht man eine horizontale Ausrichtung? Ausrichtung für ein Bild, das sich in einem Div-Container befindet Element?

Details:

Der bereitgestellte HTML- und CSS-Code enthält die notwendige Struktur für die Container- und Bildelemente, das Bild bleibt jedoch unzentriert.

Lösung:

Um das Bild effektiv horizontal zu zentrieren, wenden Sie die folgende CSS-Regel an Bild:

#artiststhumbnail a img {
    display:block;
    margin:auto;
}

Diese Anpassung stellt sicher, dass das Bild als Blockelement angezeigt wird, wodurch die Randanwendung ermöglicht wird. Anschließend weist die automatische Randeinstellung den Browser an, automatisch gleiche linke und rechte Ränder zu berechnen und anzuwenden und so das Bild zu zentrieren.

Visuelle Bestätigung:

Zur Demonstration dieser Lösung , besuchen Sie: http://jsfiddle.net/marvo/3k3CC/2/

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