砌体不会填补我网格中的空白

时间:2016-08-30 13:22:14

标签: jquery css jquery-isotope jquery-masonry masonry

我有这个砌体网格,我试图设置http://codepen.io/soursocks/pen/QKLGrR

但出于某种原因,网格不会填满。

我认为这可能是我的CSS的问题。

可能与

有关
 .grid-items {
    background: black;
    margin-left: 0;
}

/* items are not quite 1/3 wide */
.item {
    float: left;
    width: 33.2%;
}

/* images cover up the gap */
.item img {
    display: block;
    width: 100.5%;
}

我按照我在这里看到的一个例子http://codepen.io/desandro/pen/myBxD 但似乎无法重现效果

我知道之前已发布此内容,但我找不到能回答我问题的内容

1 个答案:

答案 0 :(得分:3)

你只有2个错误

你的html中的

删除了网格项之前的点

<div class="grid-items">

并在js部分包含砌体js

http://rawgithub.com/desandro/masonry/v2.1.08/jquery.masonry.js