Wie kann ich ein Flex-Element um eine Textumbruchspanne verkleinern?

9

Ich bin mir nicht einmal sicher, ob das möglich ist, ich versuche herauszufinden, ob ich ein Flex-Element um einen Bereich, der mit Text umwickelt ist, verkleinern kann.

Hier bin ich jetzt, wenn Sie sich die zweite Zeile ansehen, versuche ich, Leerzeichen rechts vom Text zu eliminieren.

%Vor% %Vor%
    
Blenderer 06.01.2016, 21:51
quelle

2 Antworten

1

Wenn Sie flex-basis auf Null setzen, verkleinern Sie ein flexibles Element auf die Mindestgröße. Es wird also zu dem Text passen, aber es wird auch Ihren Text zwingen, zu umbrechen:

%Vor% %Vor%
    
tzi 22.01.2016, 10:29
quelle
0

Die folgende Lösung ist nicht perfekt, aber sie zieht den Flex-Gegenstand sogar für lange Wörter zum Text. Es erreicht dies durch:

  1. Verschieben des Textcontainers ( span )
  2. Unterbrochene Wörter (und Bindestriche in Browsern, die Silbentrennung unterstützen)

%Vor% %Vor%
    
Patrick Berkeley 27.01.2016 06:16
quelle

Tags und Links