2015-10-27 4 views
3

Могу ли я использовать Clusterize.js для элементов встроенного блока?Использовать встроенный блок в 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".

+0

Вы не пробовали? – Jai

ответ

2

Автор здесь.
Clusterize.js не поддерживает несколько элементов в одной строке.
Элементы могут быть дисплей: встроенный блок, но они должны быть ширина: 100%

+0

Было бы хорошо, если бы вы объяснили _why_. – Nit

+1

@Nit Потому что он не был предназначен для работы таким образом. Он поддерживает TABLE, поэтому вы можете добавить столько столбцов, сколько хотите, или, альтернативно, вы можете использовать синтаксис DIV, и одно правило должно содержать только один DIV на «строку» (по подобию с TR из синтаксиса таблицы). Вы можете положить все, что захотите внутри этого div. – Denis

0

Добавьте это в стилях:

#contentArea.clusterize-content > div{ display:inline-block; } 
Смежные вопросы