Плавающая галерея миниатюр, разные размеры, как обращаться?

Когда вы просто делаете float: слева от всех миниатюр одинакового размера, галерея выглядит великолепно. Но когда миниатюры разного размера входят в игру, это уже не так.

Каков наилучший способ обработки миниатюр большого размера? Нужно ли вместо этого использовать таблицы?

example

Ответ 1

Я думаю, что лучшим решением является дать каждому миниатюре контейнер div с фиксированным размером, чтобы каждый эскиз занимал одно и то же пространство. Я имею в виду, не изменяйте размер ваших эскизов. Изображение в div должно быть центрировано.

Ответ 2

Ни один из возможных решений CSS не выглядит особенно хорошо.

Вместо этого я рекомендую использовать JavaScript + jQuery, в частности, один из этих плагинов: