HTML: Wörter trennen & Silbentrennung – So gehts!

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
smileys

Wenn ein Wort zu lange wird kannst du die Wort. bzw. Silbentrennung in HTML mit wbr realisieren. Sollte der Text für die Zeile nicht mehr ausreichen wird hier der Trennstrich erfolgen.

Silbentrennung mit HTML

Word Break

Das Wort wird an der Stelle gebrochen wo das wbr gesetzt ist, sollte es nicht in die Zeile passsen

Bundesverfassungs<wbr>gerichtsgrundsatzurteil

&shy; = Soft Hyphen

Das Wort wird an der Stelle gebrochen. Es erschein aber ein Trennstrich

Bundesverfassungs&shy;gerichtsgrundsatzurteil

&nbsp; = Non Breaking Space

Wenn der Umbruch zwischen zwei Wörtern verhindert werden soll, muss ein geschütztes Leerzeichen eingefügt werden.

Jonas&nbsp;Hellwig

Silbentrennung per CSS

Um die Silbentrennung per CSS zu aktivieren, muss die Eigenschaft hyphens verwendet werden:

body {
 hyphens: auto;
}

Wie du siehst gibt es verschiedene Möglichkeiten Wörter die nicht mehr in die Zeile passen zu trennen. Viel Spass noch mit HTML


Das könnte dich interessieren!


Weitere Kategorien






Schreibe einen Kommentar



28542