HTML/CSS Bild horizontal und vertival zentrieren

[Bububoomt]

Ich steh echt auf dem Schlauch

ich habe ein Div mit einer festen Größe in dem ein Bild drin ist. Das Bild soll nun mittig in dem Div platziert werden. Das Bild ist dabei Variabel groß (max breite und Höhe des Divs). (keine breiten und Höhenangabe beim Bild selber.

Müsste das nicht einfach nur mit margin:auto; gehen? Es wird mir aktuell egal was ich mache einfach nur oben mittig angezeigt, also nur horizontal zentriert, aber leider nicht vertikal :/

 

[Genius74]

Probier mal

vertical-align: middle;

 

[apolle]

CSS
vertical-align: middle;

https://de.selfhtml.org/html/grafiken/ausrichten.htm#css


HTML
valign="middle"

https://de.selfhtml.org/html/tabellen/gestaltung.htm#ausrichtung_zellen

 

[tleilax]

Das v(ertical-)align funktioniert leider nur vernünftig innerhalb von Tabellenzellen.

Viele andere Möglichkeiten gibt es da allerdings auch nicht. Eine Methode, die auf Pseudo-Elemente setzt, wird hier beschrieben:

https://css-tricks.com/centering-in-the-unknown/

 

[Bububoomt]

Danke,
das letzte in dem Artikel ist interessant. hmm wußte gar nicht das man in css content nutzen kann. Und before auch noch nie benutzt.

*edit*
Danke, das hat nun funktioniert mit der letzten Methode, dem Ghostelement.
Wobei es mit Margin vielleicht auch geklappt hätte wenn ich das auf das a satt img Tag verwendet hätte...