Is there a way to make a list automatically split up into multiple columns? I have a list that is being fed in by an RSS and I would like it to span multiple columns based on the number of entries.
@Maddtechwf, you may try CSS3 multiple columns, but I've never used it, and don't know if it works for lists.. http://css-tricks.com/snippets/css/multiple-columns/
You can in CSS, if you don't mind that it goes like:
1 2 3 4 5 6 li {display:inline-block; width:50%;}
Floats etc can be used too. If that's no good, google on 'jquery list columns' will return several plugins, such as Easy List Splitter: http://www.madeincima.it/en/articles/resources-and-tools/easy-list-splitter-plugin/
However, I am unable to find any that will align all items bottom when it's an odd number, not even any of the Masonry special layouts.
I tried what you said to do above with CSS but this is what I ended up with. http://jsfiddle.net/maddtechwf/5gYv9/
@maddtechwf, add float: left; to the li's too
Thank you @ChrisP
Is there a way to make a list automatically split up into multiple columns? I have a list that is being fed in by an RSS and I would like it to span multiple columns based on the number of entries.
@Maddtechwf, you may try CSS3 multiple columns, but I've never used it, and don't know if it works for lists.. http://css-tricks.com/snippets/css/multiple-columns/
You can in CSS, if you don't mind that it goes like:
Floats etc can be used too. If that's no good, google on 'jquery list columns' will return several plugins, such as Easy List Splitter: http://www.madeincima.it/en/articles/resources-and-tools/easy-list-splitter-plugin/
However, I am unable to find any that will align all items bottom when it's an odd number, not even any of the Masonry special layouts.
I tried what you said to do above with CSS but this is what I ended up with. http://jsfiddle.net/maddtechwf/5gYv9/
@maddtechwf, add float: left; to the li's too
Thank you @ChrisP