SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict
    Join Date
    May 2006
    Posts
    250
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS columns content order, would Flexbox work?

    Hi all,

    I recently needed to implement a Pintrest style layout with pure CSS (JS solutions like Masonry etc aren't an option at this point).

    It only needs to work in browsers with great support for CSS3 so I used CSS columns as per this article.

    All working great, however. I need the actual order to be similar to a floated layout. So instead of the second box being stacked underneath the first and so on, I need it to the right of the first one.

    Is this something Flexbox could handle? I've dabbled but couldn't get it working.

    Any suggestions?

    Thanks!

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    39,785
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    Hi Mike,

    From what I've seen with flexbox it won't evenly stack columns as it seems to work on rows much like a table when working horizontally so each new row starts at the same place.

  3. #3
    SitePoint Addict
    Join Date
    May 2006
    Posts
    250
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I thought as much, thanks Paul.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •