好的伙计们。基本上,当使用下面的代码时,我加载页面并且 .item div 之间有空白。但是,当我调整窗口大小时,边距消失了。
我不知道为什么。 我不想要 margin 。
这是一个codepen.io http://codepen.io/Ralphunter/pen/bNqwEX
body {
padding: 0;
margin: 0;
}
.item {
background-color: #40152A;
width: 25%;
padding-bottom: 25%;
}
<script src="http://packery.metafizzy.co/packery.pkgd.min.js"></script>
<div id="content" class="js-packery" data-packery-options='{ "gutter": 0 }'>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
<div class="item"></div>
</div>
这是一个codepen.io http://codepen.io/Ralphunter/pen/bNqwEX
最佳答案
我认为这是由于初始化 Packery 时缺少滚动条造成的。添加到您的 CSS:
html { overflow-y: scroll }
关于css - 无处不在的Packery Margin,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27932632/