Hallo
darüber sind sich die Gelehrten anscheinend noch nicht richtig einig
Doch. Das ist ein unsinniges "Wundermittel" mit unerwünschten Nebenwirkungen. Das war auch nie sinnvoll.
entscheide mich für Tor2. also vertical-align
Auch das ist nur die zweitbeste Lösung.
Bilder haben als Inline-Block-Elemente aus ihrem inline einen Zwangsabstand nach unten und nach rechts. Mit vertical-align wird nur der untere Abstand gelöscht. Wenn du später mal Bilder ohne Abstand nebeneinander stellen willst fängst du wieder von vorne an und kannst auf vertical-align wieder verzichten.
In der Vergangenheit bewährt hat sich deshalb die Bilder als Block-Elemente auszuzeichnen. Falls die nebeneinander stehen sollen müssen die dann noch gefloatet werden, was wiederum zu Nebenwirkungen führt, die berücksichtigt werden müssen.
Aktuell und in die Zukunft betrachtet hat sich für solche Probleme Flexbox bewährt.
Ich habe mal eine Beispielseite mit den verschiedenen Möglichkeiten zum direkten Ausprobieren erstellt:
Für das letzte, absichtlich fehlerhafte, Beispiel am Besten mal mit der Fensterbreite und / oder dem Zoomfaktor spielen.
Gruss
MrMurphy