基于同位素百分比的列宽和以isFitWidth为中心:true

时间:2014-03-11 20:01:38

标签: jquery jquery-isotope jquery-masonry fluid-layout

JSFiddle链接:http://jsfiddle.net/X6C9P/4/

基于百分比的同位素项与砌体{isFitWidth:true}选项表现异常。多次单击“转换”按钮以查看我正在谈论的行为。

将.item更改为固定宽度可得到所需的结果。

我看过这个hack,但它对这个isFitWidth选项没有任何影响。 http://isotope.metafizzy.co/demos/fluid-responsive.html

任何人都知道如何以宽度百分比为中心项目?

相关代码:

<div id="container">
  <div class="item">item</div>
</div>

.item {
    width: 33%;
}

var $container = $('#container').isotope({
  itemSelector: '.item',
  layoutMode: 'masonry',
  masonry: {
    isFitWidth: true  
  }
});

0 个答案:

没有答案