MrMurphy1: Bilder untereinander ohne Abstand trotz Anweisung *gelöst

Beitrag lesen

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:

Beispielseite

Für das letzte, absichtlich fehlerhafte, Beispiel am Besten mal mit der Fensterbreite und / oder dem Zoomfaktor spielen.

Gruss

MrMurphy