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

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

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();
}