javascript - 选择类别后调整大小

Question

该代码基本上隐藏了与我从选择菜单中选择的类别不匹配的文章。但后来发生了这种情况。基本上，如果我只有 3 张具有匹配类别的图像，我将在页面底部留下一个巨大的“空白”空间。

$(".filter").change(function() {
    var filterValue = $(this).val();
    var row = $('.portfolio-item'); 

    row.hide()
    row.each(function(i, el) {
     if($(el).data('type').split(' ').indexOf(filterValue) !== -1) {
         $(el).show();


     }
})

    // In Addition to Wlin's Answer (For "All" value)
  if ("all" == filterValue) {
    row.show();

  }


});

无论如何我可以自动调整部分或div的高度吗？我已经尝试过 ( overflow:hidden, resize:both) 和其他一些 CSS 的东西，但它不起作用......

标签： javascripthtmlcss