Comment puis-je empêcher les sauts de ligne après les traits d'union dans mon texte ?

Empêcher les sauts de ligne après les traits d'union

Lorsque vous travaillez avec du texte contenant des traits d'union, vous pouvez rencontrer des problèmes où un saut de ligne se produit après le trait d'union, créant un effet visuel indésirable. Ce problème est particulièrement évident lorsqu'il s'agit de mesures avec trait d'union ou d'autres éléments qui doivent être conservés ensemble en un seul mot.

Dans les navigateurs comme Safari, ce problème peut survenir en raison de l'absence de reconnaissance du caractère sans coupure de largeur nulle. () pour empêcher les sauts de ligne. Pour résoudre cette situation, une solution alternative qui fonctionne universellement sur tous les navigateurs est le trait d'union insécable (‑).

En utilisant le trait d'union insécable, vous pouvez empêcher la ligne les interruptions ne se produisent pas après des traits d'union spécifiques. Remplacez simplement le trait d'union normal par ‑ dans les cas problématiques, en garantissant que le texte avec trait d'union reste intact et ininterrompu même dans des zones d'affichage étroites.

Pour démontrer cette approche, considérons l'exemple suivant :

Texte original : 3-3/8"

Texte modifié avec trait d'union insécable : 3‑3/8"

En incorporant le trait d'union insécable, vous pouvez empêcher le saut de ligne de se produire après le trait d'union, quelle que soit la taille de l'affichage ou la largeur de la fenêtre d'affichage. Cette solution fournit une méthode fiable et efficace pour maintenir l'intégrité du texte avec trait d'union sur différents navigateurs et appareils.

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!