在Clusterize.js中使用inline-block

时间:2015-10-27 07:39:10

标签: javascript jquery

我可以将Clusterize.js用于内联块元素吗?

<div id="scrollArea" class="clusterize-scroll">
  <div id="contentArea" class="clusterize-content">
   {% for index in 0..300 %}
     <div style="height: 200px; width: 200px; ">item {{ index }}</div>
   {% endfor %}
 <div>    
<div>

  var clusterize = new Clusterize({
    scrollId: 'scrollArea',
    contentId: 'contentArea'
  });

.clusterize-scroll {
 max-height: 810px
 overflow: auto
}

如果div.style="display:block"有效,但我需要使用div.style="display:inline-block"

2 个答案:

答案 0 :(得分:2)

作者在这里。
Clusterize.js不支持单行中的多个项目 元素可能显示:内联块但它们必须宽度:100%

答案 1 :(得分:0)

在样式中添加:

#contentArea.clusterize-content > div{ display:inline-block; }