The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Automatically organizing Data into 3 Colums via CSS

  • # April 28, 2010 at 4:35 pm

    Hello, I have a project that I do not know how to approach it. What I need to do is this:

    I have list of names, lets say 400 names, and they could be listed as such:


    But the list could go on, what I would like to do with the css, to be able to manipulate this data to be divided into 3 colums automatically. So if I have not 300, but 70 names, there would be 3 colums, or if I have 600 names too, so the CSS does the trick to divide them into 3. Is that possible?


    # April 28, 2010 at 5:49 pm

    It doesn’t have great browser support, though.

    # April 28, 2010 at 11:15 pm

    Thanks, but CSS 3 may not be the solution since there is other browsers out there that are not supported. Any body? Any Jquery magic?

    # April 29, 2010 at 1:00 pm

    This example uses a combination of CSS3 and JS: … javascript

    # April 29, 2010 at 6:17 pm

    I found this, really help to do what I wanted it.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed