Контейнер для кладки с жидкими полями в em

#jquery #jquery-masonry

#jquery #jquery-кладка

Вопрос:

Я пытаюсь сделать мою стену для кладки jQuery той же ширины, что и заголовок чуть выше нее, на псевдожидкостном макете. Смотрите http://blart-philip.com

Я не могу найти способ.

Мой CSS-код width: 51em; переопределяется masonry JS на уровне элемента, что делает его всегда относительным к article#content контейнеру.

Что можно сделать?

Вот мой JS-код:

 // remap jQuery to $
(function($){})(window.jQuery);

/* Masonery for the index page */

var $container = $('.wall');
$container.imagesLoaded(function(){
  $container.masonry({
    itemSelector : '.brique',
    columnWidth : 150,
    isAnimated: true,
    isFitWidth: true
  });

});

Есть предложения?

Спасибо

Погладить

Ответ №1:

Ширина каждого элемента должна быть кратна стене и заголовку, если они имеют одинаковую ширину. В этом смысл columnWidth .

1. Джитамаро, я не совсем понял твой комментарий здесь. Я изменил columnWidth значение для gutterWidth .

2. Это означает, что элементы masonry расположены вертикально, а не горизонтально, и, возможно, невозможно иметь одинаковую ширину контейнера с одинаковой шириной заголовка.

3. Поиграйте с размером окна браузера, вы лучше поймете, что я имею в виду.

4. Размер содержимого изменяется, это именно то, что я написал, при изменении вертикальной ширины кирпичная кладка расположит кирпичи по вертикали. вы должны присвоить родительскому контейнеру фиксированную ширину, а columnwidth кратен ширине контейнера.