Éditeur Studio : À propos de Stack
Temps de lecture : 2 min
Une pile est un conteneur Flexbox qui "accompagne (hug)" vos éléments, qu'ils soient dans un ordre vertical ou horizontal. Empilez les éléments pour vous assurer qu'ils s'affichent parfaitement sur toutes les tailles d'écran, afin d'éviter les chevauchements (petits écrans) et les grands espaces (grands écrans).
Choisir la direction de la pile
Lorsque vous placez des éléments dans une pile, vous pouvez choisir la direction - horizontale ou verticale. Cela dépend si vous souhaitez que les éléments apparaissent dans un ordre vertical ou horizontal.
Dans tous les cas, vous pouvez toujours changer la direction. Cela réorganise automatiquement les éléments pour qu'ils soient dans le bon ordre.
![Un exemple de pile horizontale transformée en vertical, les éléments sont maintenant dans un ordre vertical](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/97d55a97-9873-4f3c-9934-e9fee921e967/10a23464-f3e2-45e9-8593-71678b65ad43.gif)
Glisser-déposer pour définir l'espacement
Notre fonctionnalité de glisser-déposer facilite plus que jamais le paramétrage de l'espacement entre les éléments d'une pile.
![Faire glisser les espaces entre les éléments de la pile pour augmenter les marges](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/8066edcc-cce8-4125-b9bd-695fb324dcc2/bbeb2364-9f29-45db-a9f1-3e0400cc9009.gif)
Vous pouvez également créer des marges négatives pour que les éléments se chevauchent intentionnellement.
![Faire glisser les marges de la pile dans la direction inverse pour créer un chevauchement entre l'image et le texte](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/60ddadc6-10b1-446a-9e48-edd4a8be85ff/511ff5f4-0583-4766-900c-d95563242801.gif)
Concevoir le design de la pile selon vos besoins
Le conteneur de pile est transparent par défaut, mais vous pouvez le concevoir selon vos besoins à partir du panneau Inspecteur. Ajoutez une couleur d'arrière-plan, une bordure et une ombre pour faire ressortir la pile.
![Une capture d'écran du panneau inspecteur et d'une pile sélectionnée sur la toile, montrant les options de design](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/44515945-055e-4c5d-b4c1-c33c7fe8cc7f/0917549a-0198-4283-a7dc-57685eb493fd.png)
Cela vous a-t-il aidé ?
|