Maison >interface Web >tutoriel CSS >Comment puis-je empêcher les sauts de ligne indésirables après les traits d'union en HTML ?

Comment puis-je empêcher les sauts de ligne indésirables après les traits d'union en HTML ?

Mary-Kate Olsen
Mary-Kate Olsenoriginal
2024-12-04 12:54:11759parcourir

How Can I Prevent Unwanted Line Breaks After Hyphens in HTML?

Élimination des sauts de ligne après les traits d'union

Lorsque des traits d'union apparaissent près de la fin d'une ligne, ils peuvent provoquer des sauts de mots disgracieux. Pour résoudre ce problème et maintenir la compatibilité du navigateur, pensez à utiliser le trait d'union insécable, ‑.

Exemple :

Le texte "3-3/8"" lorsqu'il est rendu en HTML sous la forme "3-3/8" , il y a des sauts de ligne au niveau du trait d'union.

Précédent Tentatives :

L'insertion du "caractère de largeur nulle sans rupture", , s'est avérée inefficace.

Solution :

Remplacez simplement le caractère régulier trait d'union avec le trait d'union insécable, ‑.

Utilisation :

Pour éviter les sauts de ligne après des traits d'union spécifiques, insérez - à la place du trait d'union. Ce caractère agit comme un trait d'union normal mais empêche les sauts de ligne.

Compatibilité des navigateurs :

Le Le trait d'union insécable est pris en charge dans tous les principaux navigateurs, y compris Safari.

Remarque :

Cette solution s'applique aux cas spécifiques où les sauts de ligne après les traits d'union ne sont pas souhaitables. conçu comme une solution globale pour des pages entières.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn