Maison > interface Web > tutoriel CSS > Comment empêcher les sauts de ligne au niveau des traits d'union dans les navigateurs Web ?

Comment empêcher les sauts de ligne au niveau des traits d'union dans les navigateurs Web ?

Susan Sarandon
Libérer: 2024-11-09 04:36:02
original
771 Les gens l'ont consulté

How to Prevent Line Breaks at Hyphens in Web Browsers?

Prévenir les sauts de ligne au niveau des traits d'union dans les navigateurs Web

Dans le monde de la publication en ligne, le maintien de l'intégrité du formatage du texte est crucial. Un problème courant qui peut survenir est celui des sauts de ligne au niveau des traits d’union dans les articles. Cela peut perturber le flux du texte et affecter la lisibilité. Pour résoudre ce problème, explorons comment empêcher les sauts de ligne au niveau des traits d'union dans tous les navigateurs Web.

Rôle de CKEditor

Comme vous l'avez mentionné, CKEditor sert d'éditeur de texte pour votre CMS. Cependant, CKEditor n'a pas d'option intégrée pour empêcher spécifiquement les sauts de ligne au niveau des traits d'union.

Unicode Rescue

Pour résoudre efficacement ce problème, nous pouvons utiliser Unicode Trait d'union insécable (U 2011). Ce caractère Unicode, représenté par -, garantit qu'un saut de ligne n'est pas inséré à ce trait d'union spécifique.

Implémentation

En HTML, vous pouvez implémenter le NON-BREAKING HYPHEN en utilisant deux méthodes :

  • Entité HTML : Utilisez la référence d'entité ‑ ou ‑. Par exemple :
<p>The long-awaited movie is now <span>‑</span> in theaters.</p>
Copier après la connexion
  • Code de caractère : Alternativement, vous pouvez utiliser directement le code de caractère :
<p>The long-awaited movie is now &#x2011; in theaters.</p>
Copier après la connexion

Informations supplémentaires

Pour plus d'informations, reportez-vous à la page Wikipédia sur les traits d'union en informatique : http://en.wikipedia.org/wiki/Hyphen#In_computing

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal