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

标签 javascript jquery html css

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

所以我所拥有的是:使用 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 标签中,但它完全弄乱了我已有的东西。我对前端技术不是很好,所以任何帮助表示赞赏!即使是图书馆也会帮助我...

提前致谢

最佳答案

您可以将 heightwidth 属性放在 img 元素中。

关于javascript - jquery 显示相同高度和宽度的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30808939/

相关文章:

javascript - Firefox 此页面要求您确认是否要离开

javascript - Ennui 内容 slider 同时显示两个图像

javascript - Angularjs 日期时间选择器时区

javascript - 在 Angular 2.0 应用程序中存储应用程序数据的正确方法是什么?

javascript - jQuery:是 element.click(func) 还是 element.attr ('onclick' ,'func()' ) 更有效?

jquery td 的悬停范围

javascript - 满足所有要求后显示警报

javascript - 将 "this"应用于子元素

ruby-on-rails - 制作 Rails 应用程序多语言的最佳实践

javascript - 有没有一种方法可以从翻转区域触发多个弹出窗口?