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使用寬度而不用引號,但是用引號使用高度,所以我只是猜測而已。 –