Skalieren mehrerer Bilder inline in einem div zu passen?
-
10-07-2019 - |
Frage
Gibt es eine effiziente Möglichkeit, eine Reihe von Bildern zu skalieren, so dass sie inline innerhalb einer festen Größe div passen?
Ich gehe davon aus, es wäre möglich, indem mit Hilfe von Javascript zu tun, um die div Breite zu berechnen, dividieren sie durch die Anzahl der Bilder (ohne Polsterung) und dann die Bilder Ändern der Größe gleichermaßen ihr Seitenverhältnis zu halten, aber ich hoffe, es ist ein besserer Weg, es zu tun.
Lösung
Wenn Sie die Größe des div im Voraus, können Sie die Breite der Bilder auf dem Tags in HTML oder mit einer CSS-Regel festlegen. Wenn Sie nicht über die Größe des div wissen, aber Sie wissen, die Anzahl der Bilder zu erwarten, können Sie die Breite eines jeden Bildes auf einen bestimmten Prozentsatz (100 / Anzahl der Bilder) eingestellt. Wenn Sie nur die Breite deklarieren, wird der Browser das Seitenverhältnis der Bilder erhalten.