L'élémentHTML<wbr> permet de représenter un emplacement où casser la ligne si nécessaire. Le navigateur pourra alors utiliser cet emplacement pour effectuer un saut de ligne si le texte est trop long et qu'en temps normal, une règle empêche le saut de ligne.

Exemple interactif

<div>  <p>Fernstraßenbauprivatfinanzierungsgesetz</p>  <p>Fernstraßen<wbr />bau<wbr />privat<wbr />finanzierungs<wbr />gesetz</p>  <p>Fernstraßen&shy;bau&shy;privat&shy;finanzierungs&shy;gesetz</p></div>

#example-paragraphs {  background-color: white;  overflow: hidden;  resize: horizontal;  width: 9rem;  border: 2px dashed #999999;}

Attributs

Cet élément inclut uniquement lesattributs universels.

Notes

Sur les pages encodées en UTF-8,<wbr> se comporte comme le point de codeU+200B ZERO-WIDTH SPACE. En particulier, il agit comme un point de code Unicode bidi BN, ce qui signifie qu'il n'a aucun effet sur l'ordrebidi :<div dir=rtl>123,<wbr>456</div> affiche, si la ligne n'est pas coupée,123,456 et non456,123.

Pour la même raison, l'élément<wbr> n'introduit pas de trait d'union au point de coupure de ligne. Pour faire apparaître un trait d'union uniquement en fin de ligne, utilisez plutôt l'entité de caractère tiret conditionnel (­).

Exemples

HTML

<p>  http://voici<wbr />.une<wbr />.très<wbr />.très<wbr />.longue<wbr />.URL<wbr />.com/avec<wbr />/pleins<wbr />/de<wbr />/niveaux<wbr />/de<wbr />/pages</p>

Résultat

Résumé technique

Spécifications

Compatibilité des navigateurs

Voir aussi

• La propriété CSSoverflow-wrap
• La propriété CSSword-break
• La propriété CSShyphens
• L'élément<br>