Résoudre le problème du retour à la ligne dans la vue défilante de l'applet WeChat

Aujourd'hui, j'ai utilisé la vue défilante lors de l'écriture d'un petit programme, mais j'ai découvert qu'une ligne de texte en vue défilante ne pouvait pas être renvoyée à la ligne. Le code est le suivant :

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

J'ai constaté qu'une grande partie de l'anglais dans la vue défilante n'est affichée que sur une seule ligne et que la partie au-delà de la largeur ne peut pas être masquée.

Après avoir recherché sur Internet le problème selon lequel le texte de la vue de défilement du mini-programme ne peut pas être renvoyé à la ligne, j'ai découvert que le composant du mini-programme avait un style d'espace blanc par défaut : nowrap; : normal !important; pour remplacer son style par défaut, mais cela s'est retourné contre lui et cela n'a toujours pas fonctionné après l'avoir ajouté, j'ai donc recherché les sauts de ligne de texte et j'ai découvert que généralement word-break: break-all était ajouté aux sauts de ligne de texte; . Après l'avoir ajouté, j'ai découvert que c'était bien ça.

Comme je ne suis pas un front-end professionnel (j'essaie de devenir un ingénieur front-end qualifié), j'ai jeté un regard particulier sur l'utilisation du word-break. Voici quelques-unes de mes compréhensions. S'il y a des erreurs, veuillez. corrigez-moi.

Syntaxe : mot-break : normal |

normal : selon les règles de texte des langues asiatiques et non asiatiques, les sauts de ligne sont autorisés dans les mots. L'exemple que j'ai écrit ci-dessus n'a pas de sauts de ligne car l'anglais utilise des espaces pour déterminer s'il faut couper les lignes. il s'agit d'une longue chaîne de caractères anglais sans espaces, il n'y a donc pas de saut de ligne. Si vous ajoutez un espace au milieu, le saut de ligne sera effectué au niveau de l'espace. En chinois, chaque caractère chinois est un individu indépendant. Le caractère peut être utilisé comme marque de saut de ligne.

break-all : ce comportement est le même que celui normal pour les langues asiatiques. Les sauts dans n'importe quel mot d'une ligne de texte en langue non asiatique sont également autorisés. Cette valeur convient au texte asiatique contenant du texte non asiatique. Cette valeur jugera un seul caractère anglais comme un individu indépendant, et chaque caractère anglais peut être utilisé comme représentation de saut de ligne.

keep-all : Idem que d'habitude pour toutes les langues non asiatiques. Pour le chinois, le coréen et le japonais, les sauts de mots ne sont pas autorisés. Idéal pour les textes non asiatiques contenant une petite quantité de texte asiatique

Ce qui précède est ce que l'éditeur vous présente pour résoudre le problème de retour à la ligne de l'applet WeChat. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra. à temps !