HTML тег <wbr>

Значение и применение

Тег <wbr> (англ. word break opportunity) предоставляет возможность указать браузеру, что при необходимости в этом месте можно сделать перенос строки (например, слишком длинное слово или адрес URL).

Отличие тега <wbr> от <br> заключается в том, что в месте расположения тега <br> браузер обязательно переносит содержимое на новую строку, а встречая в коде элемент <wbr> только по необходимости.

Поддержка браузерами

Спецификация: multipage

✓Поддерживается во всех основных браузерах с 2015 года.

Показать браузеры

ВсеКомпьютерыМобильные

Совместимостьhtml.elements.wbr

Возможность	Компьютеры					Мобильные
	ChromeChrome	EdgeEdge	FirefoxFirefox	OperaOpera	SafariSafari	Chrome AndroidChromeAndroid	Firefox for AndroidFirefoxAndroid	Opera AndroidOperaAndroid	Safari on iOSSafariiOS	Samsung BrowserSamsungAndroid	WebView AndroidWebViewAndroid	WebView on iOSWebViewiOS
wbr	✓1	✓12	✓1	✓11.6	✓4	✓18	✓4	✓12	✓3.2	✓1.0	✓4.4	✓3.2

✓поддерживается◐с ограниченияминет поддержки?нет данных≤31 — не позднее версии 31

Пример, попробуйте сами

Возможное место переноса

Измените ширину блока в CSS. wbr разрешает перенос в указанном месте, когда слово не помещается.

index.html

HTML

<p class="sample">сверхдлинное<wbr />название<wbr />документа</p>

style.css

CSS

.sample {
    width: 14ch;
    max-width: 100%;
    overflow-wrap: normal;
    border: 1px dashed #60788a;
}

Значение CSS по умолчанию

Поддержка глобальных атрибутов

Элемент поддерживает "глобальные атрибуты".

Атрибуты событий

Элемент поддерживает "атрибуты событий".