Тег <wbr>: Перенос тексту в HTML
Тег <wbr> вказує браузеру місце, де можна робити перенос рядка в тексті, якщо цього вимагає ширина батьківського елемента.
Синтаксис
Текст<wbr>текстЗакриваючий тег
Не потрібно.
Атрибути
Немає.
Приклад
HTML5IECrOpSaFx
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Тег WBR</title>
<style>
.word { font-size: 2em; }
wbr { display: inline-block; }
</style>
</head>
<body>
<p>Самое длинное слово из химии</p>
<p class="word">метоксихлор<wbr>диэтиламино<wbr>метил<wbr>бутил<wbr>амино<wbr>акридин</p>
</body>
</html>Результат примеру показаний у рисунку нижче. При зміні ширини вікна текст буде переноситися в тих місцях, де вказаний тег <wbr>.
Браузери
Ні один браузер при переносі тексту не додає символ дефісу. При необхідності дефіс можна імітувати, замінивши тег <wbr> на символ м'якого переносу ­.
Internet Explorer 8 і Opera до версії 11.7 не роблять переноси довгої стрічки, доки в стилях для wbr не вказано властивість display зі значенням inline-block, як показано в прикладі.