Je souhaite utiliser <pre></pre> pour conserver le format du texte saisi, mais le texte affiché dépasse la limite de sa balise parentale <div></div>

Question

Le texte de <pre></pre> dépasse la limite de son parent <div></div>. Comment résoudre ce problème?

On dit que les longueurs de ligne dans le texte préformaté peuvent être raccourcies, mais comment le faire?

J'ai déjà vu

<%# DataBinder.Eval(Container.DataItem, "Comments") 
       .ToString().Replace("\n", "<br />") %> 

Est-ce que C#? Je suis un programmeur PHP.

Answer 1

Vous pouvez utiliser les CSS pour rendre l'habillage de texte:

pre { 
white-space: pre-wrap;  /* css-3 */ 
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
white-space: -pre-wrap;  /* Opera 4-6 */ 
white-space: -o-pre-wrap; /* Opera 7 */ 
word-wrap: break-word;  /* Internet Explorer 5.5+ */ 
} 

Si vous ne voulez pas le formatage du texte a changé du tout, ce CSS utilisera les barres de défilement de faire tout le texte visible de toute façon:

pre { 
    width: 100%; 
    overflow: auto; 
} 

Answer 2

Essayez d'ajouter CSS:

pre { 
    width: 100%; 
    overflow: auto; 
}