Ich mag verwenden das Format des Eingabetextes zu halten, aber der angezeigte Text überschreitet die Grenze seines Eltern Tag

Question

Der Text in <pre></pre> Schritten über die Grenze seiner Eltern <div></div>. Wie dieses Problem zu lösen?

Es wird gesagt, dass die Linie in den vorformatierte Textlängen verkürzt werden, aber wie es zu tun?

Ich habe gesehen,

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

Ist es c #? Ich bin ein PHP-Programmierer.

Answer 1

Sie können CSS verwenden, um den Textumbruch zu machen:

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

Wenn Sie nicht die Textformatierung überhaupt geändert möchten, wird diese CSS Scrollbalken verwenden, um den gesamten Text zu machen sichtbar trotzdem:

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

Answer 2

Versuchen Sie das Hinzufügen CSS:

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