Multiple hauteur avec flexbox

Bonjour,

j'aimerais vous soumettre un problème que je rencontre :

je dois faire en sorte que des éléments flexbox est tous une hauteurs différente et doivent se stacker les uns après les autres.

Le pb c'est que lorsque l'on utilise flexbox les éléments se stack en fonction de la hauteur du plus grand élément sur la grille. C'est assez chiant dans mon cas et j'ai donc trouvé une solution en fixant une hauteur par défaut de mon container.

voici ce que j'ai fait http://codepen.io/RonanG/pen/YWvdwV

l'idée ça serait de virer la hauteur, d'utiliser

flex-direction:row

à la place de

flex-direction:column

si quelqu'un a une idée ^^

merciiii

Bonjour !

Je m'étais déjà posé la question et la réponse à laquelle j'étais arrivée est :
ce n'est pas possible (avec Flexbox).

Est-ce que c'est possible avec autre chose ?
Aucune idée.

Salut Zelena, merci pour la réponse

en fait si je veux utilisé flexbox c'est pour pouvoir gérer l'ordre d'affichage selon les media queries

et il me semble que

order:n 

n'est disponible qu'avec flexbox non ?

SuperMerguez a écrit :
il me semble que

order:n 

n'est disponible qu'avec flexbox non ?

Exact.

Argh dommage car la charte que je dois intégrer prévois une disposition d'ordre des élements différente selon les résolutions... je me vois mal faire du js pour ce genre de truc ...

Raphael a écrit :

Techniquement c'est aussi fonctionnel dans Grid Layout ... Mais en pratique, euh

Je vais donc devoir passer par JS pour venir à bout de ce foutu template ...

Hélas...

Pour le js moi j'utilisais isotope : pas mal.