Question

即使有空间，砌体也不会填补小空隙。

示例：主集装箱宽度：896px;

在具有橙色背景的第一个容器旁边，有一个间隙，Masonry可以添加一个容器（Orange BG 2nd容器），这是没有发生的。我不确定我错在哪里。 :-(

您需要最大化窗口才能看到问题。

JS：

jQuery(window).load(function() {
            /* var container = document.querySelector('.masonry-container');
            var msnry = new Masonry(container, {
                itemSelector: '.itemMas',
                columnWidth: 15,
                gutter: 1,
                isFitWidth: true
            }); 
             */
            $ = jQuery;
                var $container = $('.masonry-container').masonry();
                var msnry;
                $container.imagesLoaded( function(){
                    msnry = new Masonry( $container[0], {
                        itemSelector : '.itemMas',

                        isAnimated: true,
                        isFitWidth: true
                    });
                })
         });

Answer 1

砌体不会改变文档中元素的顺序。它只是尽可能地从左到右包装元素。

如果您需要通过重新排列其布局来打包项目，则需要使用其他库，例如Isotope（由同一作者制作）。它有一个bin-packing mode，其中的项目可以重新排列以适应空白。

Answer 2

感谢您报告此问题。这就是砌体的工作原理。它可能会留下空白。你应该看Packery，这是专为填补空白而设计的。

砌体不是填补小GAPS

2 个答案: