es ist bekannt
Tags definieren vorformatierten Text, und eine gemeinsame Anwendung besteht darin, den Computerquellcode darzustellen. Der in einem Vorelement eingeschlossene Text behält normalerweise Leerzeichen und Zeilenumbrüche bei, aber wenn Sie Code in einem Tag schreiben, erhalten Sie ihn, wenn Sie ihn nicht manuell einpacken, es für Sie erhalten, ohne die Zeilenumbrüche zu ändern.
Zu diesem Zeitpunkt können Sie overflow:auto; verwenden (wenn der Code die Grenze des Containers überschreitet, wird das Bildlauffeld angezeigt), diese Methode ist jedoch nicht für alle Mainstream-Browser geeignet und einige Browser kürzen den überschrittenen Inhalt direkt ab.
Da es auf dieser Website nicht viele Orte gibt, an denen Quellcode verwendet wird, hat mich dieses Problem vorher nicht wirklich interessiert. Vor nicht allzu langer Zeit hat ein begeisterter Internetnutzer dieses Problem auf QQ gemeldet. Als ich dieses Mal das Thema geändert habe, habe ich nachgeschaut für eine Lösung und teilte sie mit.
Pre {White-Space: Pre-Wrap; 6 */weißer Raum: -O-Pre-Wrap; IE
Diese CSS -Lösung kann den Text im Pre -Tag automatisch einwickeln.
Nur wenn Sie das Fenster auf weniger als 20 Zeichen in der Breite verkleinern, wird es außerdem über den Grenze hinausgeht. Es hat immer noch nicht funktioniert.
-