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

Überwindung von Zeilenumbrüchen nach Bindestrichen

Die Herausforderung, Zeilenumbrüche nach Bindestrichen zu verhindern, tritt bei der Arbeit mit bestimmten Browserkompatibilitätsanforderungen auf. In Safari können Bindestriche beispielsweise zu Zeilenumbrüchen am Zeilenende führen, wie in Beispielen wie „3-n3/8“ zu sehen ist.

Um dieses Problem browserunabhängig zu beheben, muss die nicht- Trennstriche (‑) können verwendet werden. Im Gegensatz zum No-Break-Zeichen mit der Breite Null verhindert dieses Zeichen effektiv Zeilenumbrüche nach Bindestrichen.

Implementierung:

Ersetzen Sie einfach den Standard-Bindestrich (-) durch den Nicht- Umbrechendes Bindestrichzeichen im HTML-Code. Zum Beispiel:

<p>
  3-&amp;#8209;3/8&amp;rdquo;
</p>

Vorteile:

Der geschützte Bindestrich:

• Verhindert Zeilenumbrüche nach Bindestrichen in Groß-/Kleinschreibung- von Fall zu Fall.
• Behält die Kompatibilität mit allen gängigen Browsern.
• Ermöglicht eine präzise Kontrolle über Zeilenumbrüche in bestimmten Fällen.

Durch die Verwendung des geschützten Bindestrichs können Entwickler sicherstellen, dass Bindestriche intakt bleiben und keine unschönen Zeilenumbrüche verursachen , unabhängig von der Größe des Ansichtsfensters oder dem verwendeten Browser.

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