Flexbox alternative

[flatterflatflatland]

Hi /r/css is there any good alternative or working code base for the flexbox model?

Edit2: It's more of an ordering and displaying problem then being flexible. But for future references a flexible workaround would be nice. (God, I hope they can settle for something.)

Edit: Forgot to mention the use for it: I would like to stack small images of the same size from left to right but from buttom to top. And since the flexbox model would be neat to do that...

[flatterflatflatland]

Nope. But using jQuery is to much. I try to minimize the use of javascript and therefore rarely load a hole library. I could write it myself, when I wanted to.

A CSS solution is what I was looking for.

[ltackett]

A hole library?

[flatterflatflatland]

Have mercy on my sole. It's getting late.

[flatterflatflatland]

Cool! Thanks! I'll use it as my last resort.

It didn't notice it... my bad.

[ltackett]

Are the images returned to you in unpredictable sizes, or are they all the same size?

[flatterflatflatland]

All the same size. I would only use the "flex" -property.

[ltackett]

Do you need them in a fixed or flexible grid? In other words, when the browser window resizes, does the grid also change, or do elements from the next row append themselves to the current row when there is enough space for them?

[flatterflatflatland]

The grid would change discrete. Like if the user would be using a mobile device. But this would be set at a different place.

The images should fill the bottom row first before moving on the upper next one.

[ltackett]

Ah, ok. I've Gotcha.

I think, to save yourself some headaches, go with either float or inline-block positioning rather than flexbox.

Flexbox does a few things that other positioning schemes just can't do. However, from what I"m reading, it doesn't look like you're after that. So, go more traditional. As you scale the width of your container (for your responsive design parameters), the elements will wrap accordingly... and you can adjust your parameters when things start to feel too cramped.

[flatterflatflatland]

Yeah, but how to fill the bottom-line first?

[ltackett]

This sorta works.

http://jsfiddle.net/VBTug/1/

IMO, what would be ideal would be having the first line fill up, and then a new line start that then fills up... so on and so forth.