HTML Fluid Multi Column Layout (periódico) para texto

Question

¿Hay alguna técnica CSS o una buena técnica js para diseñar contenido para que tenga una página similar a "periódico". Dado un div (o lo que sea) que contenga un montón de contenido para dividir ese contenido en N columnas que totalizan cierto ancho predefinido.

permite decir con una N = 3, asumiendo mi contenido se clasifica A -> Q hará que los datos de la siguiente manera:

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

¿Alguna idea? Me gustaría no dividir los datos en el servidor antes de representar 3 divs para no tener que calcular realmente cómo se procesarán los datos. Sin embargo, ese es un último recurso que puede suceder.

Answer 1

revisar este artículo: http://www.alistapart.com/articles/css3multicolumn/

Answer 2

Sé que esto es poco tarde para contestar realmente la Dmitriy, pero para cualquier persona que pasa por esta pregunta, aquí es un proyecto github, del Financial Times, que lo hará por que: FTColumnflow: https://github.com/ftlabs/ftcolumnflow Aquí está la lista de las características del proyecto:

• configurables ancho de las columnas, cunetas y márgenes
• elementos de posición fija
• Elementos columnas que abarcan
• Keep-con-siguiente para evitar encabezados en la parte inferior de una columna
• n-wrap clase para evitar elementos de división a través de columnas
• agrupación de columnas en las páginas
• horizontales o verticales alineación de páginas
• altura de la línea estandarizada alinean la línea de base de texto a una rejilla
• reflujo rápido como es requerido por eventos tales como la orientación del dispositivo o la fuente de tamaño cambio