Khi chỉ cần thực hiện phao: để tất cả các hình thu nhỏ có cùng kích thước, một thư viện sẽ rất tuyệt. Nhưng khi các hình thu nhỏ có kích thước khác nhau được phát, điều đó không còn là trường hợp nữa.Thư viện hình thu nhỏ nổi, kích thước khác nhau, cách xử lý?
Cách tốt nhất để xử lý hình thu nhỏ có kích thước khác nhau là gì? Tôi có cần sử dụng bảng không?
Tôi nghĩ rằng giải pháp tốt nhất là để cho mỗi hình thu nhỏ một container div với một kích thước cố định, do đó mỗi thumbnail mất cùng một không gian. Ý tôi là, đừng thay đổi kích thước hình thu nhỏ của bạn. Hình ảnh trong div sẽ được căn giữa.
Không có giải pháp CSS nào có thể trông đặc biệt tốt.
tôi khuyên bạn nên sử dụng JavaScript + jQuery thay vào đó, đặc biệt là một trong những plugin:
Tôi đã sử dụng Plugin sau, nó làm việc tốt:
Lưu ý rằng [chỉ có câu trả lời liên kết] (http://meta.stackoverflow.com/ thẻ/liên kết-chỉ-câu trả lời/thông tin) được khuyến khích, SO câu trả lời nên là điểm cuối của một tìm kiếm cho một giải pháp (so với nhưng một điểm dừng khác của tài liệu tham khảo, mà có xu hướng để có được cũ theo thời gian). Vui lòng xem xét thêm bản tóm tắt độc lập tại đây, giữ liên kết dưới dạng tham chiếu. – kleopatra
Đối với những người trong năm 2017 tìm kiếm một thư viện cho các hình ảnh có kích thước khác nhau, hãy xem bài viết css-tricks này: https://css-tricks.com/seamless-responsive-photo-grid/
các plugin đó thật sự tuyệt vời –