English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

CSS-Basisanleitung

CSS-Boxmodell

CSS3Grundlagen-Tutorial

CSS Referenzhandbuch

CSS @Regeln (RULES)

CSS white-space (Leerzeichen)

CSS white-space Leerzeichenattribute用来指定如何显示元素中的内容。它用于Verarbeitung von Leerzeichen im Element

CSS Leerzeichenwerte

Es gibt viele Leerzeichenwerte, die zur Anzeige des Inhalts im Inneren eines Elements verwendet werden können.

WertBeschreibung
normalDies ist der Standardwert. Bei diesem Wert wird bei Bedarf umgebrochen. Leere Zeichenfolgen werden zu einem einzigen Leerzeichen zusammengefasst.
nowrapLeere Zeichenfolgen werden zu einem einzigen Leerzeichen zusammengefasst. Bei diesem Wert wird der Text niemals in die nächste Zeile umgebrochen, es sei denn, es wird ein Marker verwendet.
preLeere Stellen werden vom Browser behalten. Es ist so wie das html pre-Tag. Der Text wird nur am Zeilenumbruch umbrochen.
pre-lineLeere Zeichenfolgen werden zu einem einzigen Leerzeichen zusammengefasst. Bei Bedarf wird der Text umgebrochen und online umgebrochen.
pre-wrapLeere Stellen werden vom Browser behalten. Bei Bedarf wird der Text umgebrochen und online umgebrochen.
initialEs setzt diesen Wert auf seinen Standardwert.
inheritEs erbt diesen Wert von seinem übergeordneten Element.

CSS white-space Online Beispiel

<!DOCTYPE html>
<html>
<head>
<style>
p {
    white-space: nowrap;
}
</style>
</head>
<p>
Schreiben Sie einige Wörter. Schreiben Sie einige Wörter. Schreiben Sie einige Wörter..
Schreiben Sie einige Wörter. Schreiben Sie einige Wörter. Schreiben Sie einige Wörter..
Schreiben Sie einige Wörter. Schreiben Sie einige Wörter. Schreiben Sie einige Wörter..
Schreiben Sie einige Wörter. Schreiben Sie einige Wörter. Schreiben Sie einige Wörter.
Schreiben Sie einige Wörter. Schreiben Sie einige Wörter. Schreiben Sie einige Wörter..
</p>
</html>
Testen Sie heraus‹/›