jQuery Plugin For Multi-column Text Layout - ColumnIt

jQuery Plugin For Multi-column Text Layout - ColumnIt
File Size: 6.73 KB
Views Total: 1059
Last Update:
Publish Date:
Official Website: Go to website
License: MIT

ColumnIt is a lightweight jQuery plugin for magazine-style multi-column web content that transforms content of selected element (e.g. paragraphs) into columns. The plugin runs through the content and splits it into defined (or calculated) number of columns.

Basic usage:

1. Add jQuery library, columnit.css, and plugin.columnit.js into your web page.

<link rel="stylesheet" href="columnit.css">
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>    
<script src="plugin.columnit.js"></script>

2. Call the function on the desired container to splits the paragraphs into specified number of columns (3 by default).


3. Possible options to customize the plugin.


  // Number of columns

  // Accurancy of words for splitting paragraphs

  // Optional class added to all colums


This awesome jQuery plugin is developed by julianburr. For more Advanced Usages, please check the demo page or visit the official website.