28172 sujets

CSS et mise en forme, CSS3

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 Smiley biggrin
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.

Smiley ohwell
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 ...
Administrateur
SuperMerguez a écrit :

et il me semble que 
order:n
n'est disponible qu'avec flexbox non ?

Techniquement c'est aussi fonctionnel dans Grid Layout ... Mais en pratique, euh Smiley smile
Raphael a écrit :

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


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