JQuery Masonry с фиксированной высотой - PullRequest
Новая
       16

JQuery Masonry с фиксированной высотой

1 голос
/ 27 марта 2012

У меня есть список элементов, которые я хочу отобразить с одинаковой высотой, но разной ширины и сгенерированных динамически.Я хочу, чтобы все они отображались таким образом, чтобы использовать как можно больше пустого пространства.Я думал, что кладка поможет, но между ними, похоже, появляются странные желоба.

Есть ли опция в jquery-masonry или альтернативный плагин, который я должен использовать вместо этого?

HTML: 

<div class="tagbox">
  <div>test</div>
  <div>technology</div>
  <div>search</div>
  <div>a longer test item</div>
  <div>another test</div>
  <div>development</div>
</div>

Стили: 

display: block;
float: left;
margin-bottom: 5px;
margin-right: 5px;
padding: 10px;
text-decoration: none;
white-space: nowrap;

Javascript: 

        $('.tagbox').masonry({
            itemSelector: 'div',
            isFitWidthBooleanfalse: true,
            gutterWidth: 0,
            columnWidth: function (containerWidth) {
                return containerWidth / 5;
            }
        });
...