- · Niveau : DÉBUTANT
- · Compatibilité : Tous les navigateurs
Les navigateurs forcent le saut de ligne quand le bord de la fenêtre ou d’une table est atteint. Une image forcera automatiquement le document ou une table de sortie de la fenêtre, obligeant ainsi le visiteur à utiliser la barre de défilement pour voir le reste de l’image. Ce n’est pas le cas pour le texte. En effet le texte est automatiquement scindé selon les dimensions de la fenêtre ou de la table dans laquelle il est affiché.
En utilisant la balise <NOBR> vous forcez le navigateur à ne pas sauter de ligne.
DÉSUET : Quant à elle, la balise <WBR>, utilisée à l’intérieur des balises <NOBR> redonne au navigateur le saut de ligne automatique par défaut.
NOTE : Cette dernière balise n’était déjà pas compatible à l’époque. Il existe une autre façon, avec les tables, de forcer le navigateur à rester sur la même ligne. À voir dans la section Manipuler les Tables HTML.
EXEMPLE (dans une table 100 pixels sans NOBR):
Votre long très long texte…<br />Votre long très long texte… Votre long très long texte…
RÉSULTAT :
Votre long très long texte… Votre long très long texte… Votre long très long texte… |
EXEMPLE (dans une table 100 pixels avec NOBR):
<NOBR>Votre long très long texte…<br />Votre long très long texte…<WBR>Votre long très long texte…</ NOBR>
RÉSULTAT :
Votre long très long texte… |
La table de 100 pixels à été forcée au delà des 100 pixels...
La balise <nobr> est obsolète
Toujours supportée par l’ensemble des navigateurs, la balise <nobr> ne fait plus partie du standards du HTML5 au profit du CSS white-space:nowrap
. Il suffit de créer une classe « .nobr » ou « .sanssautdeligne » et de l’utiliser dans un <span>.
<style> .sanssautdeligne { white-space:nowrap; } </style> <span class="sanssautdeligne">Votre long très long texte…<BR>Votre long très long texte…<WBR>Votre long très long texte…</span>
RÉSULTAT CSS:
Votre long très long texte… Votre long très long texte… |