columnize jQuery - 强制列不要变形

时间:2012-10-16 18:52:54

标签: jquery css html

我使用了columnize插件将我的长篇内容写入报纸专栏。

它看起来像这样:enter

问题是我使用了类似这里的相同样式:enter来强制div保持在一行。

他们不排队,第一个问题,第二个是如何强制这些列具有恒定的高度。

我也愿意接受其他解决方案。需要constan高度,多列,水平滚动内容页面。

2 个答案:

答案 0 :(得分:0)

获取文档的宽度和高度。然后基于那两个开始构建你的元素。确定要确定宽度的列数。既然你说高度是恒定的,那就已经好了。使用overflow: auto;在列内部实现滚动条,以便在内容对于空间变大时允许水平滚动。

答案 1 :(得分:0)

要使用列控制器保持精确的宽度,并水平滚动,只需在输入中添加height属性,如下所示:http://jsfiddle.net/NPzsV/3/documentation page上的示例5。

$('#a').columnize({width: 400, height: 500})

会做的伎俩