Ausrichtung von Elementen mit css/flex

[Gunnar Bittersmann]

@@Wolfi

an der Box-Breite ändere ich doch nichts, wenn ich das /* flex-wrap: wrap; */ aktiviere. Wenn es nicht angegeben ist, ist der Text doch horizontal ausgerichtet.

Das habe ich auch nicht bestritten. Ich sagte, dass der Text immer noch horizontal ausgerichtet ist, wenn flex-wrap: wrap gesetzt wird. Nur werden die p dann untereinander plaziert; du hast ja width: 300px für die p angegeben, was bei Viewportbreiten unter 1518px breiter ist als die max-width: 20% des div.hori2verti.

Ohne flex-wrap: wrap stehen die p in einer Zeile, und da der Ausgangswert flex-shrink: 1 gilt, werden sie schmaler als 300px dargestellt.

LLAP 🖖