Contrôle du saut de ligne

• Espace insécable
• Trait d'union insécable
• Saut de ligne
  • Balise <br>
  • Balise <wbr>

---

Espace insécable

Une espace insécable peut être ajoutée au texte à l'aide de l'un des codes suivants :

1. Code d'espace insécable
   ( )
2. Code "noWrap"
   (<span class="noWrap"></span> /
   <span class="nowrap"></span>)
3. Code "wrap-none"
   (<span class="wrap-none"></span>)

Utilisez une espace insécable afin de réaliser les fonctions suivantes :

• empêcher le contenu de se retrouver sur plusieurs lignes, ce qui en réduit la lisibilité;
• s'assurer que les éléments d'information (p. ex. les dates, les noms, les chiffres, les pourcentages, certains mots à trait d'union, certaines phrases, etc.) ne soient pas coupés en fin de ligne;
• garder ensemble les deux derniers mots d'un paragraphe afin d'éviter que le dernier mot ne se retrouve sur une ligne seule;
• garder ensemble les mots au début d'une parenthèse avec le reste du texte (e.g., text).

---

Trait d'union insécable

Le code à utiliser pour insérer un trait d'union insécable est ‑. Ce code permet de garder sur une même ligne des éléments liés par un trait d'union, comme des mots ou des numéros de téléphone. Les mots à trait d'union peuvent être très courts (p. ex. ceux composés du préfixe « micro- » ou « anti- »).

Saut de ligne

Balise <br>

La balise <br> permet de forcer un saut de ligne, ce qui peut être utile quand on formate des adresses, etc.

Il ne faut pas utiliser plus d'une balise <br> (p. ex. <br><br>) dans les situations suivantes :

• pour séparer des paragraphes : utilisez plutôt les balises <p></p>;
• pour ajouter des espaces entre les éléments d'une liste ordonnée ou non ordonnée : utilisez plutôt les balises <ul class="space"> ou <ol class="space">.

Balise <wbr>

La balise <wbr> ne force pas nécessairement un saut de ligne; elle permet de spécifier un endroit où un saut de ligne pourrait se produire, au besoin.

Cette balise peut être utilisée dans les longs mots ou les longs textes sans espace (comme une adresse URL). Elle permet de préciser où un saut de page pourrait être inséré, au besoin. Sans la balise <wbr>, le mot s'enroulera au mauvais endroit (ce qui le rendra difficile à lire) ou ne s'enroulera pas du tout (ce qui créera un grand espace en blanc à la fin de la ligne ou encore poussera tout le contenu sur la prochaine ligne).

La différence entre la balise <wbr> et la balise <br> est que la balise <br> force un saut de ligne, alors que la balise <wbr> ajoute un saut de ligne seulement si c'est nécessaire.