Mit dem CSS Befehl hyphens: auto; werden Worte automatisch getrennt. Dies kann in einzelnen Fällen nicht erwünscht sein, z.B. wenn bei einer längeren Überschrift nur die letzte Silbe in die nächste Zeile rutscht und es besser aussehen würde, wenn das Wort insgesamt in der zweiten Zeile erscheint.
Hier hilft der breitenlose Verbinder ‍
Der breitenlose Verbinder ist quasi das Gegenstück zu ­
Mit ­ kann man vorgeben, wo ein Wort getrennt werden soll.
Mit ‍ wird eine Trennung verhindert
Das Wort Haltbarkeitsdatum würde ohne den breitenlosen Verbinder vier Trennmöglichkeiten besitzen: Halt-bar-keits-da-tum
Mit dem breitenlosen Verbinder kann man diese Trennmöglichkeiten einschränken oder ganz ausschließen: Halt‍bar‍keits-da‍tum schränkt die Trennmöglichkeit ein auf Haltbarkeits-datum
Das html Zeichen ‍ wird nach Eingabe im Browser nicht ausgegeben und ist hier nur zur Demonstration sichtbar gemacht.
Danke, das genau mit dem hat mir noch fehlt:
Ganz gut zu gebrauchen z. B. bei Wörtern die mit „ei“ anfangen und da getrennt werden. ei- ner (Silbentrennung bei Zeilenumbruch) liest sich bei der automatischen Silbentrennung extrem mies.
meinte mit dem & z w j ;
Zusammengeschrieben hat es mir der Editor weggeschluckt.
Nach einer etwas schwierigen Suche bin ich zum Glück auch hier gelandet. Ich war mir sicher, dass es eine Lösung für mein Problem geben muss. Das Wort „erfolgreich“ wurde immer falsch getrennt, nämlich als „erfol-greich“. Auch das Einfügen des überall gut dokumentierten Soft-Hyphens half nicht. Erst der hier vorgestellte breitenlose Verbinder brachte die korrekte Trennung und im HTML-Code sieht das jetzt so aus: erfolgreich. Vielen Dank!
Haha, selbes Problem wie mein Vorgänger:
….sieht das jetzt so aus: er& shy;fol& zwj;g& shy;reich.