Formating Preformated Text on Your Website Formatierungsstile vorformatierten Text auf Ihrer Website

On occasion, I have used the html <pre> tab to preformat an error message or other standout text in a post. Gelegentlich habe ich verwendet, die HTML-<pre> Registerkarte vorformatieren eine Fehlermeldung oder andere standout Text in einem Post. At least one Sciencetext reader was intrigued as to how I managed to wrap the text rather than it being displayed right across the post area or with a horizontal scrollbar. Mindestens ein Sciencetext Leser war fasziniert, wie ist mir gelungen, den Text wickeln und es ist nicht angezeigt, quer durch die Post oder mit einer horizontalen Bildlaufleiste.

Well, there is a very simple CSS hack. Nun, es ist eine sehr einfache CSS-Hack. Open up your stylesheet (be sure to make a backup first) and add this code to the bottom. Öffnen Sie Ihre Stylesheet (stellen Sie sicher, dass Sie eine Sicherungskopie zuerst) und fügen Sie diesen Code auf der Unterseite des Geräts.

/* Browser specific (not valid) styles to make preformatted text wrap */ / * Spezielle Browser (nicht gültig) Stile zu machen vorformatierte Text wrap * /

pre { pre (
white-space: pre-wrap; /* css-3 */ white-space: pre-wrap; / * css-3 * /
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space:-moz-pre-wrap; / * Mozilla, seit 1999 * /
white-space: -pre-wrap; /* Opera 4-6 */ white-space: pre-wrap; / * Opera 4-6 * /
white-space: -o-pre-wrap; /* Opera 7 */ white-space:-o-pre-wrap; / * Opera 7 * /
word-wrap: break-word; /* Internet Explorer 5.5+ */ word-wrap: break-word; / * Internet Explorer 5.5 + * /
} )

Save the sheet and refresh the page on which you are using the preformated chunk of text, it should now be wrapping better than Ice T. There are various other ways to implement this Speichern Sie das Blatt und aktualisieren Sie die Seite, auf der Sie den vorformatierten Stück Text, es sollte nun besser als Umhüllung Ice T. Es gibt verschiedene andere Möglichkeiten zur Umsetzung dieser hack Hack , but this is the quickest and easiest. , Aber das ist der schnellste und einfachste. You can also add other CSS tags to change the font size, for instance, so that the preformated block of text doesn’t look so clunky. Sie können auch andere CSS-Tags zu ändern, die Schriftgröße, beispielsweise, so dass sich die vorformatierten Block von Text sieht nicht so clunky. The Sciencetext stylesheet for instance includes font-size:0.9em; to reduce the font size to 90%, which makes it look a little more stylish. Die Sciencetext Stylesheet beispielsweise umfasst font-size: 0.9em; reduzieren die Schriftgröße zu 90%, das es nach ein wenig mehr stylisch. You could add borders, change the font, in fact apply all kinds of special formating. Dann könnten Sie Grenzen, ändern Sie die Schriftart, in der Tat gelten alle Arten von besonderen formatieren. Just remember it will apply site wide to all pre text if you add the code to the stylesheet. Bitte beachten sie Anwendung findet breite Website für alle vor, Text, wenn Sie den Code an die Stilvorlage.