<wbr>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Resumo

O elemento HTML <wbr> representa uma posição no texto onde o navegador pode, opcionalmente, quebrar uma linha, embora suas regras de quebra de linha de outra forma não criar uma ruptura naquele local.

Em UTF-8 páginas codificadas, <wbr> se comporta como o U+200B de tamanho zero ESPAÇO ponto de código. Em particular, ele se comporta como um bidi Unicode BN ponto de código, o que significa que não tem efeito sobre bidi-encomenda: <div dir=rtl> 123, <wbr> 456 </ div> exibe, quando não quebrado em duas linhas, 123.456 e Não 456,123 .

Pela mesma razão, o <wbr> elemento não introduzir um hífen no ponto de quebra de linha. Para fazer um hífen só aparecem no final de uma linha, use a entidade suave caractere hífen ( &shy; ) em seu lugar.

Este elemento foi implementado pela primeira vez no Internet Explorer 5.5 e foi oficialmente definido no HTML5.

Contexto de uso

Permitida conteúdo Vazio
Tag omissão Este é um elemento vazio; ele deve ter uma marca de início, mas não deve ter uma tag de fechamento.
Elementos pai permitidas Qualquer elemento que aceita conteúdo fraseado .
Documento normativo HTML 5, seção 4.6.24

Atributos

Este elemento só inclui os atributos globais.

DOM interface

Este elemento implementa o HTMLElement interface.

Exemplo

O Guia de Estilo Yahoo recomenda quebrar uma URL antes de pontuação , para não deixar uma marca de pontuação no final da linha, o que o leitor pode confundir com o fim da URL.

html
<p>
  https://this<wbr />.is<wbr />.a<wbr />.really<wbr />.long<wbr />.example<wbr />.com/With<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages
</p>

Compatibilidade com navegadores

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
wbr

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support