Textumbruch white-space

Der CSSwhite-space kann das Zeilenumbruchverhalten von Textabschnitten bestimmen. Ein Zeilenumbruch wird unterdrückt.

Werte:
normal Standartwert, automatischer Zeilenumbruch (HTML-Fluss)
nowrap kein automatischer Zeilenumbruch, Umbruch nur durch HTML-Tags
pre Zeilenumbruch wie im HTML-Code eingegeben, analog HTML pre Tag
pre-wrap wie HTML pre Tag, es erfolgt jedoch ein Umbruch, wenn die Breite der Box zum Anzeigen der Zeile nicht ausreicht (wichtig bei dynamischen Layouts mit variabler Breite)
pre-line mehrere Whitespaces werden wie bei der default Einstellung normal zusammengefasst, der Zeilenumbruch ist wie bei der pre-wrap Angabe

.nobr { white-space:nowrap; }
.pre {white-space: pre;}
.pre-wrap {white-space: pre-wrap;}
.pre-line {white-space: pre-line;}

Sieh white-space Beispiele
oder CSS3 Hyphenation

Der HTML pre Tag

Der HTML pre Tag macht Umbrüche wie im Editor eingegeben, der pre Tag wird vor allem zur Darstellung von Code gebraucht.Dieses Beispiel ist good old Ascii-Draphic-Design gereriert bei Ascii Generator. Siehe auch FIGlet-Font.

(_)_ __ | |_ ___ _ __  ___(_)_   _____| |_ __ _| |_(_) ___  _ __  
| | '_ \| __/ _ \ '_ \/ __| \ \ / / __| __/ _` | __| |/ _ \| '_ \ 
| | | | | ||  __/ | | \__ \ |\ V /\__ \ || (_| | |_| | (_) | | | |
|_|_| |_|\__\___|_| |_|___/_| \_/ |___/\__\__,_|\__|_|\___/|_| |_|