Question

在https://willhay.io/photography上查看此问题。因此，我试图获得1％的保证金，以及1％的阴沟。边缘底部工作正常，但是当我尝试将排水沟设置为1％时，图像似乎消失，只有2个图像显示重叠。

docReady( function() {
        var $grid = $('.grid').masonry({
            itemSelector: '.grid-item',
            columnWidth: '.grid-sizer',
            gutter:  '.gutter-sizer',
            percentPosition: true
        }); 

        $grid.imagesLoaded().progress( function() {
                $grid.masonry('layout');
        });
});

然后，gutter-sizer的css就是

.gutter-sizer { width: 1%; }

我似乎无法弄清楚为什么百分比水槽尺寸不起作用。任何帮助将不胜感激。

编辑：当我做一个普通的排水沟时它工作正常，但是当我尝试做一个百分比时却没有。

编辑2：当我使用和不使用百分比水槽检查元素时，我注意到的唯一区别是当它具有百分比大小的装订线时，当我检查元素时，div获得一些奇怪的转换代码。 http://imgur.com/SetuUKH,zQ0eqj7#0

编辑3：百分比装订线在https://willhay.io/masonry

上正常工作

Masonry Gutter-Sizer打破页面

0 个答案: