HTML流体多栏布局（报纸）的文本 [英] HTML Fluid Multi Column Layout (newspaper) for text

问题描述

有任何CSS技术或良好的js技术，用于布局内容，所以你有一个报纸喜欢的页面。给定一个包含一堆内容的div（或任何内容），将该内容分成总共有一些预定义宽度的N列。

Is there any CSS technique or a good js technique for laying out content so that you have a "newspaper" like page. Given a div (or whatever) containing a bunch of content to split that content into N columns which total some pre-defined width.

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

Lets say with an N = 3, assuming my content is sorted A -> Q will render data in the following way:

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

任何想法？我想在渲染3个div之前不在服务器上拆分数据，这样我不需要真正计算数据的渲染方式。

Any ideas? I'd like to not split the data on the server before rendering 3 divs so that I don't need to really calculate how the data will be rendered. However that is a last resort that can happen.

推荐答案

查看这篇文章： http://www.alistapart.com/articles/css3multicolumn/

这篇关于HTML流体多栏布局（报纸）的文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！