Moin Moin!

Ich habe ein Problem. Auf einer Seite meiner Website sollen Thumnails ausgegeben werden, was auch funktioniert. Jetzt sind diese Thumbnails nicht immer im gleichen Format, also mal breiter als hoch oder höher als breit. Was ich jetzt möchte ist das alle Bilder in einer Größe von z.B. 170px ausgegeben werden

Ich habe hier schon versucht mit height was zu machen aber das hat nicht funktioniert. Ergebnis was das die Abstände zwischen den Bildern weg waren

Da gibt es mehrere Lösungen für, aber meiner Meinung nach keine perfekte.

1. Du könntest die Höhe und Breite aller Bilder auf 170px setzen, dann werden allerdings nicht-quadratische Bilder verzehrt.

2. Du könntest um jedes Bild ein div oder span packen, das 170px Höhe und Breite und overflow: hidden hat. Dann werden Bilder, die Größer sind, entweder in der Höhe oder in der Breite etwas abgeschnitten. Du kannst die Bilder darin aber zentrieren, sodass immer der mittlere Ausschnitt zu sehen ist.