JQuery Split content based on height

Question

I have a lot of data on the page, and I want to style the book, instead of breaking tags based on content (div element), I want to break them down based on height. Can someone teach me how to split content in jquery based on heights?

I want vertical splitting instead of horizontal column splitting to look more like pagination, but the actual splitting is like google docs when we insert a lot of content that it automatically paginates.

Answer 1

Shishant: The following plugin will have some solution for your problem. please check http://welcome.totheinter.net/columnizer-jquery-plugin/

Download the plugin and check out the sample9.html demo. You can search for the same, I think.

Answer 2

You should learn CSS3 Columns . He must do it very well for you. Of course, the only problem is that it has terrible support in IE .

Answer 3

Check out the multi-line CSS layout . Works with IE too.