Es sabido
Las etiquetas definen texto preformateado y una aplicación común es representar el código fuente de la computadora. El texto encerrado en un elemento PRe generalmente conserva espacios y saltos de línea, pero desafortunadamente, cuando escribe código dentro de una etiqueta, si no lo ajusta manualmente, lo conservará sin cambiar los saltos de línea.
En este momento, puede usar overflow:auto; (cuando el código excede el límite del contenedor, se muestra el cuadro de desplazamiento), pero este método no es adecuado para todos los navegadores principales y algunos navegadores truncarán directamente el contenido excedido.
Dado que no hay muchos lugares donde se usa el código fuente en este sitio, antes no me importaba mucho este problema, un internauta entusiasta informó este problema en QQ, así que cuando cambié el tema esta vez, miré. para una solución y la compartió.
pre { espacio en blanco: pre-wrap; /* CSS-3 */ espacio en blanco: -moz-pre-wrap /* Mozilla, desde 1999 */ espacio en blanco: -pre-wrap; 6 */ espacio en blanco: -o-pre-wrap; /* Opera 7 */ Word-wrap: break-word; /* Internet Explorer 5.5+ */} De: Cómo ajustar texto preformateado en CSS3, Mozilla, Opera y ES DECIR
Esta solución CSS puede hacer que el texto de la etiqueta previa se ajuste automáticamente. La probé en todos los navegadores que tengo y todos son compatibles con IE6, IE7, IE8, Firefox, Opera, Safari y Chrome.
Solo cuando reduce la ventana a menos de 20 caracteres de ancho, irá más allá del borde. Además, vi algunas publicaciones que comparten esta técnica CSS y dicen que puede resolver el problema del ajuste de línea de palabras largas, pero lo probé y. todavía no funcionó.
-