砌体并不能填补小缺口

Question

演示版

全屏演示

即使有空间，砖石也无法填充小间隙。

示例：主容器宽度：896px；

除了第一个具有橙色背景的容器之外，还有一个间隙，Masonry 可以在其中再添加一个容器（橙色 BG 第二个容器），但这种情况没有发生。我不确定我错在哪里。:-(

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

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

Masonry 不会改变文档中元素的顺序。它只是尽可能紧密地从左到右打包元素。

如果您需要通过重新排列项目的布局来打包项目，则需要使用另一个库，例如Isotope（由同一作者制作）。它具有装箱模式，可以重新排列物品以适应间隙。