javascript - jquery 显示相同高度和宽度的图像

Question

您好，我在将图像整齐地放置在我的站点时遇到了问题。

所以我所拥有的是:使用 ajax 我得到了一堆图像 URLS 作为 JSON。

在 Jquery 中，我循环这些并将它们打印到一个 div 中，如下所示:

$('.product').click(function(){
        $.post( 
            "ajax.php",
            { 
                prodId: productId,
                action: "getProductImages" 
            },
            function(data) 
            {
                var obj = jQuery.parseJSON(data);
                newDiv = "";
                jQuery.each(obj, function(key,value) 
                {
                    newDiv += '<img src="'+value+'">';
                });
                $("#prod-images").empty();
                $(newDiv).appendTo('#prod-images');
            }
        );
    });

这很好用，并在 div 中显示了我想要显示的产品图像。问题是有些图像有不同的高度和宽度，它们现在的渲染方式看起来很尴尬和丑陋。如何以相同的高度和宽度(或至少相同的高度)将它们显示在整齐的集合中？

我试着把它放在 div 标签和 span 标签中，但它完全弄乱了我已有的东西。我对前端技术不是很好，所以任何帮助表示赞赏!即使是图书馆也会帮助我...

提前致谢

Answer 1

您可以将 height 和 width 属性放在 img 元素中。