您好,我在将图像整齐地放置在我的站点时遇到了问题。
所以我所拥有的是:使用 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 标签中,但它完全弄乱了我已有的东西。我对前端技术不是很好,所以任何帮助表示赞赏!即使是图书馆也会帮助我...
提前致谢
最佳答案
您可以将 height
和 width
属性放在 img
元素中。
关于javascript - jquery 显示相同高度和宽度的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30808939/