Voglio usare per mantenere il formato del testo di input, ma il testo visualizzato attraversa il confine del suo tag dei genitori

Question

Il testo nei passaggi <pre></pre> oltre il confine della sua <div></div> dei genitori. Come risolvere questo problema?

Si dice che la linea lunghezze nel testo preformattato può essere accorciato, ma come farlo?

Ho visto

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

E 'c #? Sono un programmatore PHP.

Answer 1

È possibile utilizzare i CSS per rendere il testo a capo:

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+ */
}

Se non si desidera che la formattazione del testo cambiato affatto, questo CSS utilizzerà le barre di scorrimento per rendere tutto il testo visibile in ogni caso:

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

Answer 2

Prova ad aggiungere CSS:

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