Maison > Questions et réponses > le corps du texte
Tout comme le titre.
Données renvoyées par le background :
Données affichées dans le document d'interface :
Données de la console sur chrome :
(J'ai imprimé ces deux données au hasard, juste pour montrer qu'il y a des sauts de ligne en arrière-plan)
Le dernier affichage
est un affichage sur une ligne sans effet de saut de ligne et nécessite un traitement frontal
Je vérifie d'abord s'il contient un caractère de nouvelle ligne
pour (let i = 0; i < réponse.data.Data.length; i++) {
if (response.data.Data[i].content.indexOf('\n') >= 0) {
console.log(i)
}
}
Les données dans l'index imprimé ne comportent pas de caractère de nouvelle ligne, ce qui est incohérent.
Est-ce correct ? Ou dois-je changer les conditions pour juger ?
S'il vous plaît, donnez-moi quelques conseils~
習慣沉默2017-05-19 10:40:15
Je ne comprends pas pourquoi j'ai écrit cette boucle à parcourir. Le résultat qui vous est renvoyé est réponse.data.content Vous pouvez utiliser des expressions régulières pour le faire
./\n/.test(response.data.content)
世界只因有你2017-05-19 10:40:15
Problème résolu
La balise d'origine qui enveloppait le contenu renvoyé était <p>, mais plus tard, je l'ai grossièrement changée en <pre>. La balise h5
peut être affichée dans de nouvelles lignes
Mais il y a un problème si d'autres contenus sans sauts de ligne. dépasse la largeur, il dépassera l'affichage et ne s'enroulera pas automatiquement
Ajout d'un contrôle CSS à la fin
pre{
white-space: pre-wrap;
word-wrap: break-word;
}
C'est résolu