Je lis un document texte et je l'imprime dans ma page Web mais le texte va à droite et je ne veux pas faire défiler à droite

. entrez la description de l'image ici

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <p>
        {{text}}</p>
    </body>
</html>

Je ne veux pas faire défiler vers la droite et je veux juste faire défiler vers le bas et voir tout le texte. Et je ne peux pas trouver un moyen de le faire

2
Syed Ali 14 avril 2018 à 15:27

3 réponses

Meilleure réponse

Vous devez ajouter word-wrap css

p { 
  word-wrap: break-word;
}
2
Zuber 14 avril 2018 à 12:44

Il semble que votre texte soit composé de très longues chaînes sans espaces. Vous pouvez corriger l'habillage avec un saut de mot de propriété CSS, par exemple:

<head>
...
<style>
 p {
  word-break: break-word;
}
</style>
...
</head>

Vous pouvez essayer «break-all» si «break-word» ne fonctionne pas.

1
Nookeen 14 avril 2018 à 12:47

Vous pouvez essayer de styliser votre div pour vous assurer que le texte s’enveloppe

div.long-text{
 max-width:100%;
 word-wrap: break-word;
 padding: 0.5rem;
 }
<div class="long-text">Lorem ipsum dolor sit amet, te per feugiat tractatos? Sed ei nonumes deserunt adipiscing, at vidit reque vis, in libris eruditi accumsan vix. At duo prima ludus quidam, congue primis cu eum, habeo ocurreret cum ex? Ei postea eruditi tincidunt pri, quo ut maiestatis quaerendum, eum lorem iriure reprimique eu.
<br>
<br>
Loremipsumdolorsitamet,teperfeugiattractatos?Sedeinonumesdeseruntadipiscing,atviditrequevis,inlibriseruditiaccumsanvix.Atduoprimaludusquidam,congueprimiscueum,habeoocurreretcumex?Eiposteaerudititinciduntpri,quoutmaiestatisquaerendum,eumloremiriurereprimiqueeu.Loremipsumdolorsitamet,teperfeugiattractatos?Sedeinonumesdeseruntadipiscing,atviditrequevis,inlibriseruditiaccumsanvix.Atduoprimaludusquidam,congueprimiscueum,habeoocurreretcumex?Eiposteaerudititinciduntpri,quoutmaiestatisquaerendum,eumloremiriurereprimiqueeu.Loremipsumdolorsitamet,teperfeugiattractatos?Sedeinonumesdeseruntadipiscing,atviditrequevis,inlibriseruditiaccumsanvix.Atduoprimaludusquidam,congueprimiscueum,habeoocurreretcumex?Eiposteaerudititinciduntpri,quoutmaiestatisquaerendum,eumloremiriurereprimiqueeu.Loremipsumdolorsitamet,teperfeugiattractatos?Sedeinonumesdeseruntadipiscing,atviditrequevis,inlibriseruditiaccumsanvix.Atduoprimaludusquidam,congueprimiscueum,habeoocurreretcumex?Eiposteaerudititinciduntpri,quoutmaiestatisquaerendum,eumloremiriurereprimiqueeu.Loremipsumdolorsitamet,teperfeugiattractatos?Sedeinonumesdeseruntadipiscing,atviditrequevis,inlibriseruditiaccumsanvix.Atduoprimaludusquidam,congueprimiscueum,habeoocurreretcumex?Eiposteaerudititinciduntpri,quoutmaiestatisquaerendum,eumloremiriurereprimiqueeu.
</div>
1
Chirag Ravindra 14 avril 2018 à 12:46