Lösen Sie das Problem des Zeilenumbruchs in der Scroll-Ansicht des WeChat-Applets

Heute habe ich beim Schreiben eines kleinen Programms die Scroll-Ansicht verwendet, aber festgestellt, dass eine Textzeile in der Scroll-Ansicht nicht umgebrochen werden kann. Der Code lautet wie folgt:

 <scroll-view scroll-y style=width:100rpx;height:100rpx;>asdhadjhkajshdkjahsdkjasdajsdhkajsdkajsdkajsdhasjdaksj</scroll-view>

Ich habe festgestellt, dass ein großer Teil des Englischen in der Scroll-Ansicht nur in einer Zeile angezeigt wird und der Teil außerhalb der Breite nicht ausgeblendet werden kann.

Nachdem ich im Internet nach dem Problem gesucht hatte, dass der Text in der Bildlaufansicht des Miniprogramms nicht umgebrochen werden kann, stellte ich fest, dass die Miniprogrammkomponente einen standardmäßigen Leerraum im Stil hat: nowrap, der standardmäßig nicht umbrochen wird, also habe ich Leerraum hinzugefügt : normal !important; um den Standardstil zu überschreiben, aber nachdem es hinzugefügt wurde, funktionierte es immer noch nicht, also habe ich nach Textzeilenumbrüchen gesucht und festgestellt, dass „word-break: break-all;“ normalerweise zur Textzeile hinzugefügt wird Nachdem ich es hinzugefügt hatte, stellte ich fest, dass es tatsächlich so war

Da ich kein professioneller Front-End-Ingenieur bin (ich versuche, ein qualifizierter Front-End-Ingenieur zu werden), habe ich mir die Verwendung von Wortumbrüchen genauer angesehen. Hier sind einige meiner Verständnisse Korrigiere mich.

Syntax: Wortumbruch: normal |. break-all |

normal: Gemäß den Textregeln asiatischer und nichtasiatischer Sprachen sind Zeilenumbrüche innerhalb von Wörtern zulässig. Das Beispiel, das ich oben geschrieben habe, hat keine Zeilenumbrüche, da Englisch Leerzeichen verwendet, um zu bestimmen, ob Zeilen umgebrochen werden sollen. Es handelt sich um eine lange Zeichenfolge englischer Zeichen ohne Leerzeichen. Wenn Sie in der Mitte ein Leerzeichen hinzufügen, wird der Zeilenumbruch an der Stelle durchgeführt. Im Chinesischen ist jedes chinesische Zeichen ein unabhängiges Individuum Das Zeichen kann als Zeilenumbruchmarke verwendet werden.

break-all: Dieses Verhalten ist das gleiche wie bei asiatischen Sprachen üblich. Pausen innerhalb eines beliebigen Wortes einer Textzeile in einer nicht-asiatischen Sprache sind ebenfalls zulässig. Dieser Wert eignet sich für asiatischen Text, der nicht-asiatischen Text enthält. Dieser Wert beurteilt ein einzelnes englisches Zeichen als unabhängiges Individuum und jedes englische Zeichen kann als Zeilenumbruchdarstellung verwendet werden.

keep-all: Dasselbe wie normal für alle nicht-asiatischen Sprachen. Für Chinesisch, Koreanisch und Japanisch sind Wortumbrüche nicht zulässig. Geeignet für nicht-asiatischen Text, der eine kleine Menge asiatischen Text enthält

Das Obige stellt Ihnen der Herausgeber vor, um das Problem des Zeilenumbruchs in der Bildlaufansicht des WeChat-Applets zu lösen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Herausgeber wird Ihnen antworten rechtzeitig!