Quiero usar pre> para mantener el formato del texto de entrada, pero el texto que se muestra cruza el límite de su etiqueta de los padres
-
16-09-2019
- |
-
-
16-09-2019 - |
Pregunta
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.
Solución
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;
}
Otros consejos
Trate de añadir CSS:
pre {
width: 100%;
overflow: auto;
}
Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow