砌体 - 使用HTML实现方法时图像重叠

时间:2013-07-15 11:27:30

标签: jquery-masonry overlapping

当我有时加载页面时,我的砌体“砖块”或项目是重叠的。但是当我使浏览器窗口变小然后变大时,项目会正确显示。我正在使用HTML实现方法。我的网页的网址是www.humansofjohannesburg.org

有人可以帮忙吗?

由于

<div class="hoj js-masonry" id="container" data-masonry-options='{ "columnWidth": 247, "itemSelector": ".hoj-item", "gutter": 10, "isResizeBound": true }'>
    <!-- ITEM -->
    <div class="hoj-item">
        <div class="hoj-image">
            <a href="#"><img src="image.jpg" /></a>
        </div>
        <div class="hoj-intro">
            Content text goes here...
        </div>
    </div>
    <!-- ITEM -->
    <div class="hoj-item">
        <div class="hoj-image">
            <a href="#"><img src="image.jpg" /></a>
        </div>
        <div class="hoj-intro">
            Content text goes here...
        </div>
    </div>
    <!-- ITEM -->
    <div class="hoj-item">
        <div class="hoj-image">
            <a href="#"><img src="image.jpg" /></a>
        </div>
        <div class="hoj-intro">
            Content text goes here...
        </div>
    </div>
    <!-- ITEM -->
    <div class="hoj-item">
        <div class="hoj-image">
            <a href="#"><img src="image.jpg" /></a>
        </div>
        <div class="hoj-intro">
            Content text goes here...
        </div>
    </div>

0 个答案:

没有答案