Quiero usar para mantener el formato del texto de entrada, pero el texto que se muestra cruza el límite de su etiqueta de los padres

Question

El texto en pasos <pre></pre> más allá de los límites de su <div></div> padres. ¿Cómo resolver este problema?

Se dice que la línea de longitudes en el texto con formato previo se puede acortar, pero cómo hacerlo?

He visto

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

¿Es c #? Soy un programador de PHP.

Answer 1

Puede usar CSS para hacer el ajuste de texto:

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 no desea que el formato de texto cambiado en absoluto, esto CSS va a utilizar las barras de desplazamiento para hacer todo el texto visible de todos modos:

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

Answer 2

Trate de añadir CSS:

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