Wie kann ich unerwünschte Zeilenumbrüche nach Bindestrichen in HTML verhindern?

Zeilenumbrüche nach Bindestrichen entfernen

Wenn Bindestriche am Ende einer Zeile erscheinen, können sie unschöne Wortumbrüche verursachen. Um dieses Problem zu beheben und die Browserkompatibilität aufrechtzuerhalten, sollten Sie die Verwendung des geschützten Bindestrichs ‑ in Betracht ziehen.

Beispiel:

Der Text „3-3/8““ Bei der Darstellung in HTML als „3-3/8“ kommt es zu Zeilenumbrüchen am Bindestrich.

Zurück Versuche:

Das Einfügen des „Zero width no break-Zeichens“, , erwies sich als wirkungslos.

Lösung:

Ersetzen Sie einfach das reguläre Bindestrich mit dem geschützten Bindestrichzeichen, ‑.

Verwendung:

Um Zeilenumbrüche nach bestimmten Bindestrichen zu verhindern, fügen Sie – anstelle des Bindestrichs ein. Dieses Zeichen verhält sich wie ein normaler Bindestrich, verhindert jedoch Zeilenumbrüche.

Browserkompatibilität:

Die Geschützte Bindestriche werden in allen gängigen Browsern unterstützt, einschließlich Safari.

Hinweis:

Diese Lösung gilt für bestimmte Fälle, in denen Zeilenumbrüche nach Bindestrichen unerwünscht sind Gedacht als globale Lösung für ganze Seiten.

Das obige ist der detaillierte Inhalt vonWie kann ich unerwünschte Zeilenumbrüche nach Bindestrichen in HTML verhindern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!