# Guide: Dynamische Text-Layouts

> Baue Layouts, die automatisch umfließen, wenn Text länger oder kürzer wird.

Source: https://bluepic.io/de/help/expressions-and-logic/guide-dynamic-text-layouts  
Language: de  
Category: expressions-and-logic  
Last updated: 2026-06-16

Text in Bluepic passt seine Größe an und bricht um, um in seine Box zu passen, sodass du bei Inhalten aus einem [Inputfeld](https://bluepic.io/help/input-fields/text-input-fields) selten die endgültige Größe kennst. Expressions lassen den Rest des Layouts mitwandern, sodass sich nichts überlappt und die Abstände gleichmäßig bleiben.

Der Trick ist, Elemente relativ zueinander über [Element-Maße](https://bluepic.io/help/expressions-and-logic/element-metadata-subproperties) zu positionieren, statt über feste Koordinaten.

**Beispiel: eine Caption, die einer Headline folgt.**

1. Platziere deine Headline- und Caption-Textelemente.
2. Wähle die Caption aus und öffne das [Expression-Tool](https://bluepic.io/help/expressions-and-logic/expression-tool) auf ihrer **Y**-Position.
3. Setze sie auf `headline.bottom + 20`.

Jetzt sitzt die Caption immer 20 Pixel unterhalb der Headline. Eine lange Headline schiebt die Caption nach unten, eine kurze zieht sie nach oben, und der Abstand bleibt gleich.

![](https://imagedelivery.net/mudX-CmAqIANL8bxoNCToA/8aba5b9e-8ba3-46c7-0f1b-c0be7f85ef00/max)

Du kannst das verketten: Gib einem dritten Element eine Y von `caption.bottom + 20`, und der ganze Stapel fließt zusammen um. Dasselbe Prinzip funktioniert seitlich mit `left` und `right`, zum Beispiel um ein Badge bei `title.right + 10` zu platzieren.