1
<div class="container">
<div id="freewall">
<div class="grid-container">
<div class="grid-tile">
<a class="overlay" href="/portfolio/${portfolio.id}">
...
</a>
<img src="${portfolio?.coverImage()}" width="100%" />
</div>
<div style="border:1px solid red;">
<p class="title">${portfolio.title}</p>
<p class="owner">by ${portfolio.ownerName}</p>
</div>
</div><!--end grid container-->
...repeat container...
</div>
</div>
wall.reset({
selector: '.grid-designer-container',
animate: true,
cellW: 255,
cellH: 'auto',
delay: 0,
gutterY: 15,
gutterX: 15,
fixSize: null,
onResize: function() {
wall.fitWidth();
wall.refresh();
wall.fitHeight(height);
}
});
wall.fitWidth();
使用freewall.js奠定了电网。我注意到的问题是高度不是根据div(图像和文本)计算的,导致图像之间的间隙间距不一致。任何想法为什么?
欣赏帮助。
更新
cellH: function(){
var height = $('grid-container').height();
return height;
它不工作要么:(
从自动删除的报价会有所帮助。 –
@C-link是指OP的js中的'cellH:'auto''吗? – Dom
@Dom是的,OP使用宽度而不用引号,但是用引号使用高度,所以我只是猜测而已。 –