Ich möchte die Miniaturansicht der Liste als Datenraster anzeigen. Jedes Miniaturbild muss wie folgt in einen Rahmen mit einer bestimmten Breite und Höhe eingefügt werden (aus Gründen der Konsistenz):

<div class='frame'>
   <img src='img1.jpg' />
</div>
<div class='frame'>
   <img src='img2.jpg' />
</div>  

Bei der Einstellung der Bildbreite und -höhe für den Rahmen ändern sich die Bilder in das falsche Seitenverhältnis und bei kleineren Bildern als dem Rahmen werden sie auf den Rahmen gestreckt (ich möchte kein kleineres Bild bewirken). Wie kann ich ein Bild in einen Rahmen einpassen, ohne das Seitenverhältnis des Bildes zu beeinflussen? Meine nächste Frage ist, wie ich das Bild unabhängig von der Größe auf die Bildmitte einstellen kann. soll ich das mit javascript machen Bitte hilf mi