HTML-элемент<wbr> предоставляет возможность переноса слова – позицию в тексте, где браузер может по желанию разбить строку, в противном случае его правила разрыва строки не будут создавать разрыв в этом месте.

Интерактивный пример

<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 #999;}

Атрибуты

Элемент может содержать толькоглобальные атрибуты.

Примечания

На страницах в кодировке UTF-8, элемент<wbr> ведёт себя как кодовое значениеU+200B ZERO-WIDTH SPACE (пробел нулевой ширины). В частности, он ведёт себя как кодовое значение Unicode Bidi BN, то есть он не влияет на порядокbidi-направления (двунаправленного потока)<div dir=rtl>123,<wbr>456</div>: отображается, если выражение не разбито на две строки,123 456 и не456,123.

По той же причине, элемент<wbr> не вводит дефис в точке разрыва строки. Чтобы дефис отображался только в конце строки, используйте вместо него символ «мягкого дефиса» (­).

Этот элемент был впервые реализован в Internet Explorer 5.5 и был официально определён в HTML5.

Пример

Руководство по стилю Yahoo рекомендуетразбивать URL перед пунктуацией, чтобы не оставлять знаки препинания в конце строки, которые читатель может ошибочно принять за конец URL.

<p>  http://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>

Спецификации

Совместимость с браузерами

Смотрите также

• overflow-wrap
• word-break
• hyphens