Discussion :

[Stephane_br]

Bonjour,

Je cherche à savoir si en css, il existerait une technique d'empilement de plusieurs div de différentes hauteurs et ceci tout en comblant automatiquement tous les espaces blancs inutiles.
Le mieux pour vous expliquer, c'est de vous montrer ce que je veux faire :



A savoir que j'ai un bloc principal (en noir sur la capture ci-dessus) en float left, position relative, width:100% et dedans, mes fameux blocs que je voudrais adapter en width: 33.33%; float: left;
Leur contenu étant dynamique, je ne connais jamais leur hauteur.

j'ai cherché avec Flex, etc... mais je ne vois pas trop comment nommer cette technique si elle existe, du coup, je ne trouve rien comme exemple de code.
Quelqu'un a-t-il déjà fait cela ?

Merci par avance pour votre aide.

[Ecared]

Salut,

Je peux te conseiller Masonry (il y a un peu de JS mais rien de compliquer) et je pense que tu pourras obtenir l'effet que tu attends.

[Stephane_br]

Super, merci beaucoup, c'est tout à fait ça.
j'ai tester, c'est niquel !

Merci encore