масонства НЕ заполнение малых зазоров

Question

DEMO

FULL Screen DEMO

масонство не заполняя небольшие зазоры, даже если Существует пространство.

Пример: Основная ширина контейнера: 896px;

Рядом с первым контейнером с оранжевым фоном есть зазор, в котором масонство может добавить еще один контейнер (оранжевый BG 2-й контейнер), которого не происходит. Я не уверен, где я ошибаюсь. :-(

Вам необходимо увеличить окно, чтобы увидеть проблему

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, который был специально разработан для заполнения пробелов.