javascript - 我的砖石卡中的行之间有 "gaps"

Question

我创建了这个网站: https://jsfiddle.net/1pvk13o8/

我正在使用 jquery masonry，一切似乎都很好，但有些行之间有空白或空洞，有什么帮助吗？我希望一切都按应有的方式对齐

所有文件都在 jsfiddle 中(代码量非常少)

JS:

< script type = "text/javascript" >
  $(document).ready(function() {
    $('.card').masonry();
  }) < /script>

谢谢

Answer 1

您的脚本不工作。使用这样的代码:

$('.videos').masonry({
  itemSelector: '.card'
});

CSS

.card  {
  float: left;
   width: 300px;
  margin:10px;
}

如果没有，还需要包含 Jquery 文件。