CSS Grundkurs

CSS Box-Modell

CSS3Grund教程

CSS Referenzhandbuch

CSS @Regeln (RULES)

CSS Counter (Zähler)CSS weiß-space (Leerraum)

CSS word-wrap (automatischer Zeilenumbruch)

CSS word-wrap-EigenschaftWird verwendet fürLange Wörter durchbrechen und automatisch auf die nächste Zeile umschreiben. Wenn unzertrennliche Zeichen zu lang sind, um in den Behälter zu passen, wird dieses Attribut verwendet, um Überläufe zu verhindern.

CSS Textzeilenumbruchwerte

Wert	Beschreibung
normal	Dieses Attribut wird nur verwendet, um Wörter an erlaubten Punkten zu durchbrechen.
break-word	Es wird verwendet, um unzertrennliche Wörter zu durchbrechen.
initial	Es wird verwendet, um dieses Attribut auf seinen Standardwert zu setzen.
inherit	Es erbt dieses Attribut von seinem Elternelement.

CSS automatische Zeilenumbruch Online Beispiel

Beispiel

<!DOCTYPE html>
<html>
<head>
<style>　
p.test {
　　　　width:　11em;
　　　　background-color: #ff9900;　
　　　　border:　1px solid #ffffff;
　　　　padding:10px;
　　　　word-wrap: break-word;
}
</style>
</head>
<p class="test"> In diesem Abschnitt gibt es ein sehr langer Begriff:
　<p class="test"> iamsooooooooooooooooooooooooooooooolongggggggggggggggg. Der lange Begriff wird durchbrechen und auf die nächste Zeile umschreiben.</p>
</html>

Testen Sie heraus‹/›

Ausgabe:

In diesem Abschnitt gibt es ein sehr langer Begriff: iamsooooooooooooooooooooooooooooooooooooolongggggggggggggggg.long. Dieser Begriff wird durchbrechen und auf die nächste Zeile umschreiben.

CSS Counter (Zähler)CSS weiß-space (Leerraum)