Po prostu robić float: po lewej na wszystkie miniatury tego samego rozmiaru, galeria wygląda świetnie. Ale gdy pojawiają się miniatury o różnych rozmiarach, to już nie ma miejsca.Galeria pływających miniatur, różne rozmiary, jak sobie poradzić?
Jaki jest najlepszy sposób na obsługę miniaturek o różnych rozmiarach? Czy muszę zamiast tego używać tabel?
Myślę, że najlepszym rozwiązaniem jest, aby dać każdej miniaturki kontener div o stałej wielkości, dzięki czemu każdy miniatur zajmuje tyle samo miejsca. Mam na myśli, nie zmieniaj rozmiaru twoich miniatur. Obraz w dziale powinien być wyśrodkowany.
Żadne z możliwych rozwiązań CSS nie wygląda szczególnie dobrze.
Polecam przy użyciu JavaScript + jQuery zamiast, a konkretnie jeden z tych wtyczek:
Użyłem następujące wtyczki, to działa dobrze:
Należy pamiętać, że [odpowiedź tylko od łącza] (http://meta.stackoverflow.com/ tags/link-only-answers/info) są zniechęcane, odpowiedzi SO powinny być punktem końcowym wyszukiwania rozwiązania (vs. jeszcze jeden przystanek referencji, które z czasem zanikają). Proszę rozważyć dodanie samodzielnego streszczenia tutaj, zachowując odnośnik jako odniesienie. – kleopatra
Dla tych, którzy szukają galerii dla obrazów o różnych rozmiarach w 2017 r., Sprawdź ten artykuł o css-trickach: https://css-tricks.com/seamless-responsive-photo-grid/
te wtyczki są naprawdę niesamowite –