Spielereien mit Wort- und Textumbrüchen by monorom. Nicht alle Browser setzten diese Beispiele gleich um.

normaler Paragraph

Dieser Paragraph hat lange Wörter. Auf der suche nach langen Wörtern ist mir dieses Wort begegnet. Das ist das längste Wort das ich gefunden habe. Massenkommunikationsdienstleistungsunternehmen passt doch perfekt in unsere Zeit.


Paragraph mit overflow-wrap / word-wrap: break-word (Overflow Wrapping)

Erlaubt lange, unumbrechbaren langen Worten in neue Linien umzubrechen, anstatt die unumbrechbaren Strings über die Box fliessen zu lassen.

Overflow-wrap ist identisch zu word-wrap. Anfang 2012 wurde ein Alias definiert. Word-wrap wird von allen Browsern unterstützt, auch von alten IE-Versionen. overflow-wrap wird im Moment nur von Chrome und Opera unterstützt.

word-wrap: normal | break-word 

Dieser Paragraph hat lange Wörter. Auf der suche nach langen Wörtern ist mir dieses Wort begegnet. Das ist das längste Wort das ich gefunden habe. Massenkommunikationsdienstleistungsunternehmen passt doch perfekt in unsere Zeit.


Paragraph mit word-break:break-all

word-break: normal | break-all 

Dieser Paragraph hat lange Wörter. Auf der suche nach langen Wörtern ist mir dieses Wort begegnet. Das ist das längste Wort das ich gefunden habe. Massenkommunikationsdienstleistungsunternehmen passt doch perfekt in unsere Zeit.


Paragraph mit text-overflow: clip

text-overflow: clip | ellipsis | string

Dieser Paragraph hat lange Wörter. Auf der suche nach langen Wörtern ist mir dieses Wort begegnet. Das ist das längste Wort das ich gefunden habe. Massenkommunikationsdienstleistungsunternehmen passt doch perfekt in unsere Zeit.

Paragraph mit text-overflow: ellipsis

Dieser Paragraph hat lange Wörter. Auf der suche nach langen Wörtern ist mir dieses Wort begegnet. Das ist das längste Wort das ich gefunden habe. Massenkommunikationsdienstleistungsunternehmen passt doch perfekt in unsere Zeit.