在固定高度的容器中使用同位素库?

时间:2012-04-03 14:00:13

标签: jquery jquery-isotope

我正在使用Isotope进行项目。我们买了一张商业执照。

我需要将同位素瓷砖放在固定尺寸的容器中(高度特别重要)才能在更大的布局中工作。

我尝试在容器上设置css高度:

<style type="text/css">
  #container {
    width:990px;
    height: 550px !important;
    overflow: scroll;
  }
</style> 

但这会创建一个不可滚动的容器。我错过了什么?

2 个答案:

答案 0 :(得分:9)

来自documentation

  

resizesContainer

resizesContainer |  Boolean  |  true
     

同位素将设置高度(对于垂直布局模式)或宽度(对于   布局后容器的水平布局模式。如果   resizesContainer设置为false,请务必设置大小   CSS中的容器,因此当Isotope存在时它不会崩溃   触发。

您是否尝试在同位素调用上设置resizesContainer: false选项?

答案 1 :(得分:1)

我正在寻找修复来统一Instagram图像,这些图像可以放入固定高度的容器中,它将显示为并排的盒子。 这对我有用 @Andres llich http://jsfiddle.net/DSjms/2/show/ 这解决了我们应用width:100%时图像失真的问题 @Andres llich非常感谢你。