Heim > Web-Frontend > CSS-Tutorial > Wie kann ich Zeilenumbrüche nach Bindestrichen in meinem Text verhindern?

Wie kann ich Zeilenumbrüche nach Bindestrichen in meinem Text verhindern?

DDD
Freigeben: 2024-12-12 21:25:10
Original
873 Leute haben es durchsucht

How Can I Prevent Line Breaks After Hyphens in My Text?

Zeilenumbrüche nach Bindestrichen verhindern

Beim Arbeiten mit Text, der Bindestriche enthält, kann es zu Problemen kommen, wenn nach dem Bindestrich ein Zeilenumbruch erfolgt. einen unerwünschten visuellen Effekt erzeugen. Dieses Problem tritt besonders deutlich auf, wenn es um getrennte Maßeinheiten oder andere Elemente geht, die als ein Wort zusammengehalten werden sollten.

In Browsern wie Safari kann dieses Problem auftreten, weil das Nullbreiten-Kein-Umbruch-Zeichen nicht erkannt wird () beim Verhindern von Zeilenumbrüchen. Um dieser Situation zu begegnen, ist eine alternative Lösung, die universell in allen Browsern funktioniert, der geschützte Bindestrich (‑).

Durch die Verwendung des geschützten Bindestrichs können Sie Zeilen verhindern Es dürfen keine Pausen nach bestimmten Bindestrichen erfolgen. Ersetzen Sie einfach den regulären Bindestrich durch ‑ in den problematischen Fällen wird sichergestellt, dass der getrennte Text auch in engen Anzeigebereichen intakt und ununterbrochen bleibt.

Um diesen Ansatz zu veranschaulichen, betrachten Sie das folgende Beispiel:

Originaltext: 3-3/8"

Geänderter Text mit geschütztem Bindestrich: 3‑3/8"

Durch die Einbindung des geschützten Bindestrichs können Sie verhindern, dass nach dem Bindestrich ein Zeilenumbruch auftritt, unabhängig von der Anzeigegröße oder der Breite des Ansichtsfensters. Diese Lösung bietet eine zuverlässige und effektive Methode zur Aufrechterhaltung der Integrität von getrenntem Text über verschiedene Browser und Geräte hinweg.

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

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage