Je veux utiliser pour conserver le format de saisie de texte, mais le texte affiché traverse la limite de sa balise parentale

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.

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 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;
}

Answer 2

Essayez d'ajouter CSS:

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