确保项目在具有Isotope布局的行N中

时间:2016-11-03 18:26:16

标签: javascript layout isotope

所以,我们收到了一些形式为

的小饰品
<ul>
  <li class="trinket width-25"></li>
  <li class="trinket width-50"></li>
  <li class="trinket width-25"></li>
  <li class="trinket width-75"></li>
  <!-- many, many more trinkets-->
</ul>

宽度-75为75%宽,宽度为25 25%等。这是使用isotope精心安排的。

现在,我需要插入一个更宽,更高,更小的饰品,我需要确保它在给定行上显示100%的时间。第二,第七,或最终用户实际决定的任何内容。

我怎样才能实现这一目标?

1 个答案:

答案 0 :(得分:0)

包装布局将允许您按照http://isotope.metafizzy.co/layout-modes/packery.html

中的说明标记项目