Je veux utiliser pre> pour conserver le format de saisie de texte, mais le texte affiché traverse la limite de sa balise parentale
-
16-09-2019
- |
-
-
16-09-2019 - |
Question
Le texte dans les étapes de <pre></pre>
au-delà de la limite de son <div></div>
parental. Comment résoudre ce problème?
On dit que la ligne des longueurs dans le texte préformaté peut être raccourci, mais comment le faire?
Je l'ai vu
<%# DataBinder.Eval(Container.DataItem, "Comments")
.ToString().Replace("\n", "<br />") %>
est-il c #? Je suis un programmeur PHP.
La solution
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 la mise en forme de texte changé du tout, ce CSS utilisera les barres de défilement pour faire tout le texte visible de toute façon:
pre {
width: 100%;
overflow: auto;
}
Autres conseils
Essayez d'ajouter CSS:
pre {
width: 100%;
overflow: auto;
}
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow