Изотоп кладка - отображает содержание неправильных

У меня есть проблема с планировкой кладки - не может поместиться 64% и 32% столбцов в одной строке правильно ..Изотоп кладка - отображает содержание неправильных

Jsfiddle код: http://jsfiddle.net/h6ammhbo/

Это моя кладка код:

var $container = $('#masonry-container').imagesLoaded(function() { 
     $container.isotope({ 
      // options 
      itemSelector: '.item_article', 
      layoutMode: 'fitRows', 
      masonry: { 
       gutter: 5 
      } 
     }); 
    });

и расположение:

failed layout

мой CSS: для большого пункта: .article_60{ width: 64% } для мелких предметов: .article_30{ width: 32% }

, но я не могу получить макет мне нужно, и там нет пространства между элементами, что здесь проблема?

источник

2015-03-09 Arnas Pečelis

fitRows не имеет любые варианты. Он не используется с кладкой, как вы ее создали. Поскольку вы используете fitRows, он не будет скользить, так как он работает точно так, как предполагается, поскольку у вас есть два разных элемента высоты выше тех, которые вы хотите сдвинуть вверх. Нажмите fitRows [здесь] (http://isotope.metafizzy.co/layout-modes.html) и посмотрите, что произойдет. – Macsupport

Попробуйте другие layout modes. Например, packery. Имейте в виду, что некоторые режимы макета необходимо загружать отдельно и не включать в основной файл.

источник

2015-03-10 07:25:14

также мы всегда должны помнить, что ящики должны быть кратного размера. Как и w1: 30% - w2: 15%, в противном случае вы, в конечном итоге, получите пустые промежутки, даже если вы используете макет макета пакета –

Вы можете выбрать режим макета, как это http://prntscr.com/6eyn4n http://prntscr.com/6eyn92

источник

2015-03-10 07:50:53 Kumar

Items должно быть несколько в их законных размерах: , если один элемент 400 еще должен быть 200 и так далее ..

источник

2015-03-28 15:08:15

Изотоп кладка - отображает содержание неправильных

ответ

Смежные вопросы