A la espera de la especificación CSS3 y que los navegadores las implemente perfectamente, si queremos convertir en columnas nuestro contenido tenemos que usar herramientas como jQuery.multicol().
Instalación
La instalación es similar a la de cualquier componente desarrollado en Javascript, simplemente hemos de llamar al fichero que lo contiene en nuestro <head />
<script type="text/javascript" src="path/to/jquery.js"></script>
<script type="text/javascript" src="path/to/multicol.min.js"></script>Una vez cargado el contenido, debemos indicar que elemento será el que convertiremos en multicolumnas, para ello usaremos la selección CSS3 de jQuery.
$(document).ready(function(){
$("selector").multicol({colNum: 3, colMargin: 20});
});Como podemos ver, tenemos 2 parámetros que podemos pasarle a la función multicol().
colNum: Número de columnas en las que debe cortarse el texto.colMargin: Margen en píxeles que separará las columnas.
9 comentarios, 1 referencias
+
#