Trick # 461 | Dieser Beitrag beinhaltet 413 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.
Lange Wörter – besonders in Überschriften und Titeln – können dazu führen, dass in der Mobilansicht unschöne Umbrüche entstehen. Mit ein wenig CSS-Code eliminieren Sie dies.
Besonders bei grossen Lettern kann es passieren: In der Ansicht auf Mobilgeräten kommt es zu kuriosen Wortumbrüchen, wenn längere Wörter im Text auftauchen:
Das muss nicht sein. Mit ein wenig CSS-Code machen Sie den Umbrüchen den Garaus. Verwenden Sie den folgenden CSS-Block und kopieren Sie ihn in das CSS-Stylesheet Ihrer Website – unter Design/Customizer/Zusätzliches CSS:
h1, h2, h3, h4, h5, h6 {
overflow-wrap: normal;
}Der Code bewirkt, dass bei allen Titeln (<h1>-<h6>) der Wortumbruch deaktiviert wird. Die Buchstaben laufen damit nötigenfalls rechts über den Monitorrand hinaus; aber die unschönen Zeilenwechsel mitten im Wort sind wenigstens weg.
Werbung
Werbung
