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

Verhindern von Zeilenumbrüchen nach Bindestrichen

In HTML können Bindestriche manchmal dazu führen, dass Text in mehrere Zeilen umgebrochen wird, was zu einem unerwünschten visuellen Effekt führt. Um im Einzelfall und in allen Browsern Zeilenumbrüche nach Bindestrichen zu verhindern, sollten Sie die Verwendung des nicht umbrechenden Bindestrichs in Betracht ziehen:

‑

Dieses Sonderzeichen verhält sich wie ein normaler Bindestrich aber zwingt den Text dazu, in derselben Zeile zu bleiben, auch wenn er am Ende steht Zeile.

Beispiel:

3‑3/8"

Indem Sie den Bindestrich in Ihrem Beispiel durch einen geschützten Bindestrich ersetzen, können Sie erzwingen, dass der Text einheitlich bleibt und so das verhindern Linie vom Bruch an der Bindestrich:

3-
3/8"

wird zu:

3‑3/8"

Diese Lösung ist weitgehend kompatibel und sollte in allen gängigen Browsern funktionieren. Durch die Verwendung dieses Zeichens bei Bedarf können Sie sicherstellen, dass Bindestriche keine Zeilenumbrüche verursachen und so die visuelle Integrität Ihres Textes gewahrt bleiben.

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