大小不一的一堆图片，如何自动居中并铺满？

来源：互联网发布：淘宝c店装修尺寸编辑：程序博客网时间：2024/05/04 17:23

大小不一的一堆图片，有些宽长，有些高长，最近遇到一个项目难题，如何在前端页面展示统一并且不会出现压缩，并且为了好看需要铺满。以下是解决方案的代码片段：

function getwh($obj){                var v = this;                var tempImg = new Image();                tempImg.src = $obj.attr("src");                return {width:tempImg.width,height:tempImg.height};};function etImg() {                var v = this;                var li_height = ($(body).height()*240)/667;                $('#userList_photo li').css({height: li_height});                $("#userList_photo img").each(function(){                    var oSize = getwh($(this));                    var $li = $("#userList_photo li:first");                    if(oSize.width / oSize.height > $li.width() / li_height){                        $(this).css({height:$li.height() + "px"});                    }else{                        $(this).css({width:$li.width() + "px"});                    }                });};window.onload=function(){    etImg();}

0 0