Websiteentwicklung: CSS: Textumbruch

Aus Wikibooks

Inhaltsverzeichnis 1 Erklärung 2 Mögliche Einstellungen 3 Beispiele 4 Navigation

[Bearbeiten] Erklärung

Mit der white-space -Eigenschaft kann festgelegt werden, wie der Zeilenumbruch innerhalb von Elementen mit Text erfolgen soll.

[Bearbeiten] Mögliche Einstellungen

• normal automatischer Zeilenumbruch
• pre Zeilenumbruch wird wie im Editor angezeigt
• nowrap kein automatischer Zeilenumbruch

[Bearbeiten] Beispiele

Beispiel 1:

white-space: nowrap;

Bei diesen Text erfolgt kein automatischer Zeilenumbruch.

Beispiel 2:

white-space: pre;

Hier wird der Zeilenumbruch wie im Editor angezeigt. (Vergleichbar mit dem HTML-Tag "<pre>...</pre>".)

[Bearbeiten] Navigation