Jquery 如何删除砖砌体的顶部/底部边缘

Jquery 如何删除砖砌体的顶部/底部边缘,jquery,css,jquery-isotope,jquery-masonry,Jquery,Css,Jquery Isotope,Jquery Masonry,我正在使用同位素砖石画廊,但发现很难消除行之间的顶部/底部间隙,请参见图 我该怎么办 我使用的代码基于以下内容: 如前所述,我直接使用上述url中的代码,包括javascript和css。图像的html使用php创建,但输出如下: <div id="gallery-content"> <div id="gallery-content-center"> <div class='wrapper sugge

我正在使用同位素砖石画廊,但发现很难消除行之间的顶部/底部间隙,请参见图

我该怎么办

我使用的代码基于以下内容:

如前所述,我直接使用上述url中的代码,包括javascript和css。图像的html使用php创建,但输出如下:

    <div id="gallery-content">
    <div id="gallery-content-center">
                        <div class='wrapper suggestion all film any later' id='3'>
                            <span class='relevance'>
                                <span class='badge'>87%</span>

                            </span>
                                <img src='cabinet/item/img/3.jpg' class='all film any later' alt='Film 1'/>
                            <span class='text'><i class='fa fa-check-circle-o btn-icon up'></i> <i class='fa fa-times-circle-o btn-icon down'></i> <i class='fa fa-heart-o btn-icon fav'></i><br>Film 1 later</span>
                        </div></div></div>
编辑:
似乎如果我给包装纸加上一个高度,它就能处理它,但由于图像的高度会变化,我似乎不能把它紧紧地包装在里面的图像上。任何关于如何将此作为高度的建议:auto只给我留下了我已经拥有的东西

我找到了一个解决办法,虽然我不是100%,但我在所有图像中添加了边距底部:-25%,它似乎已经做到了这一点。可能不适合所有情况,但时间会证明一切

#gallery-content-center img {
  width: 100%;
  height: auto;
  margin-bottom: -25%;
}

您可能需要将imagesloaded插件与之配合使用,以便Mashise可以首先知道加载图像的高度,然后调整位置


请参见

为了让其他人为您提供解决方案,您必须提供您编写的代码。如果不包括同位素代码和链接或JSFIDLE,没有人可以说这是否是您看到此问题的原因。
#gallery-content-center img {
  width: 100%;
  height: auto;
  margin-bottom: -25%;
}