javascript - 砌体不能填补小缺口

DEMO

FULL Screen DEMO

即使有空间，砌体也不会填补微小的空白。

范例：
主容器宽度：896px;

在第一个带有橙色背景的容器旁边，有一个空白，砌筑可以在其中添加另一个容器（橙色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
                    });
                })
         });

最佳答案

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

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

关于javascript - 砌体不能填补小缺口，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29555467/