Accueil    HTML    Balise Wbr
 



balise wbr  Balise WBR : word break

«  Partie précédente  |  Index  | 


  • Tag de fermeture : non (<wbr /> en XHTML) | Support :
  • Google Chrome 20.0 et plus
  • Firefox 14.0.1 et plus
  • IE 9 et plus
  • Opera 12 et plus
  • Safari 5.1.7 et plus



La balise <wbr /> permet au navigateur (mais ne l'y oblige pas) d'effectuer un saut de ligne à l'endroit ou elle apparaît. Les sauts de ligne automatiques s'effectuent lorsque le texte arrive à la limite de son conteneur. Si le dernier mot est trop long, alors le navigateur effectue un retour à la ligne avant ce mot.
Avec la balise <wbr /> il est possible de définir un retour à la ligne au milieu d'un mot (généralement assez long) afin de mieux répartir le texte sur la ligne.

Son utilisation est souvent intéressante lorsque le texte est englobé dans un conteneur de faible largeur, par exemple au sein d'un tableau affichant de nombreuses colonnes.

Enfin, certains styles css permettent également de gérer les retours à la ligne, spécifiquement le style word-break : break-all (voir également les styles white-space et word-wrap).



Exemple d'utilisation de la balise wbr :




Affichage du rendu par défaut :

<div style="width:250px; border:solid 1px black; padding:10px;">
   Exemple de texte avec anticonstitutionnellement utilisé pour tester le retour à la ligne
</div>


Utilisation de la balise <wbr /> :

<div style="width:250px; border:solid 1px black; padding:10px;">
   Exemple de texte avec anticonstitu<wbr />tionnellement utilisé pour tester le retour à la ligne
</div>


Utilisation du style css word-break :

<div style="width:250px; border:solid 1px black; padding:10px; word-break:break-all;">
   Exemple de texte avec anticonstitutionnellement utilisé pour tester le retour à la ligne
</div>


Affichage du rendu par défaut :

Exemple de texte avec anticonstitutionnellement utilisé pour tester le retour à la ligne


Utilisation de la balise <wbr /> :

Exemple de texte avec anticonstitutionnellement utilié pour tester le retour à la ligne


Utilisation du style css word-break :

Exemple de texte avec anticonstitutionnellement utilisé pour tester le retour à la ligne