我使用 columnize 插件将我的长内容制作成报纸专栏。
它看起来像这样:输入
问题是我使用了与此处相同的样式:输入以强制 div 保持在一行中。
他们不排队,这是第一个问题,第二个问题是如何强制这些列具有恒定的高度。
我也愿意接受其他解决方案。需要恒定高度、多列、水平滚动的内容页面。
获取文档的宽度和高度。然后基于这两个开始构建你的元素。决定你想要多少列,这将决定它们的宽度。由于您声明高度是恒定的,因此已经处理好了。用于overflow: auto;
在列内实现滚动条,以便在内容对于空间而言过大时允许水平滚动。
要使用分栏器保持精确的宽度并水平滚动,只需height
向输入添加一个属性,如下所示:http: //jsfiddle.net/NPzsV/3/和文档页面上的示例 5 。
$('#a').columnize({width: 400, height: 500})
会成功的