Question

我坚持使用JQuery Collumnizer插件。我试图将它用于几个对象，并将所有连续排序向右扩展。所以我在底部得到一个滚动条。我认为这更像是一个CSS问题。我尝试了几种包装方法，测试了不同的溢出类型，但最终没有成功。这是我的基本小提琴：Fiddle

我的CSS看起来像这样：

.column p, .column h1{ padding: 5px; }
body { font-size: 9pt; }
#wrapper {  }
.wide, .thin { clear:both;
}
.wide{
    background:blue;
}
.thin{
    background:yellow;
}

js只是启动了列表器：

$(function(){
    $('.wide').columnize({width:400,height : 400});
    $('.thin').columnize({width:400,height : 400});
});

我喜欢把黄色的柱子漂浮在蓝色旁边的右边。任何想法如何解决这个问题？

Answer 1

我看到它的方式，columnizer静态地改变.wide和.thin div的宽度。除了也改变容器的宽度之外，没有办法将它们并排放置。所以CSS不会削减它，你可以使用Javascript或（shudder）表。所以像这样：

  var tw=$('.thin').width();
  var ww=$('.wide').width();
  $('<div></div>').insertBefore('.wide').append($('.wide,.thin')).width(tw+ww).css('overflow-x','auto');
  $('.wide,.thin').css({display:'inline-block'})

列控器调用后

。

JQuery Columnizer连续几个Columnizer对象。横向扩展......怎么样？

1 个答案: