Lassen Sie das Pre-Tag die Produktion von Beispielcode_HTML/Xhtml_Webseiten automatisch umschließen

Das pre-Element definiert vorformatierten Text. In einem pre-Element eingeschlossener Text behält normalerweise Leerzeichen und Zeilenumbrüche bei. Der Text wird auch als Schriftart mit fester Breite gerendert. Eine häufige Anwendung des

-Tags ist die Darstellung von Computerquellcode. Bei technischen Blogs werden Pre-Tags häufig zur Codeausgabe oder Code-Hervorhebung verwendet. Standardmäßig wird der Inhalt im Pre-Tag nicht automatisch umbrochen, wenn er den Bereich überschreitet. 
Das Folgende ist eine Methode, um den Inhalt im 
-Tag automatisch umzuschließen und den W3C-Standards zu entsprechen (Unterstützung für mehrere Browser) 



Code kopieren
Der Code lautet wie folgt:
 
pre{ 
white-space:pre-wrap; /* css3.0 */ 
 white-space:-moz- pre-wrap; /* Firefox */ 
white-space:-pre-wrap; /* Opera 4-6 */ 
white-space:-o-pre-wrap; /* Opera 7 */ 
word-wrap:break-word; /* Internet Explorer 5.5 */ 
} 



Beispiel: 


Kopieren Sie den Code 
Der Code lautet wie folgt:
 
pre{white-space:pre-wrap;white-space:-moz -pre-wrap; white-space:-pre -wrap; white-space:-o-pre-wrap; /*Ich habe einen sehr langen Code gesehen ? */}