用于文本的HTML流体多列布局(报纸)

Question

是否有任何CSS技术或良好的js技术来布局内容,以便你有一个像报纸一样的页面.给定一个包含一堆内容的div(或其他)将该内容拆分为N列,这些列总共有一些预先定义的宽度.

假设N = 3,假设我的内容已排序A - > Q将以下列方式呈现数据:

 A  G  M
 B  H  N
 C  I  O
 D  J  P
 E  K  Q
 F  L

有任何想法吗？我想在渲染3个div之前不要在服务器上拆分数据,这样我就不需要真正计算数据的渲染方式.然而,这是可能发生的最后手段.

Answer 1

我知道真的回答Dmitriy有点迟了,但对于任何通过这个问题的人来说,这是一个来自英国"金融时报"的github项目,它将为你做到这一点:FTColumnflow:https: //github.com/ftlabs/ ftcolumnflow 以下是项目的功能列表: