Тег <wbr>
1.0+
11.7+
4.0+
3.0+
1.0+
2.0+
Тег <wbr> указывает браузеру место, где допускается делать перенос строки в тексте, если этого требует ширина родительского элемента.
Закрывающий тег не требуется.
Текст<wbr>текст
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Тег wbr</title>
<style>
wbr { display: inline-block; }
</style>
</head>
<body>
<p>метоксихлор<wbr>диэтиламино<wbr>метил<wbr>бутил<wbr>амино<wbr>акридин -
он же акрихин, производное акридина; желтый кристаллический порошок,
растворимый в воде, горький на вкус. Применяется как противомалярийное
средство.</p>
</body>
</html>
Результат данного примера показан на рисунке ниже:
Ни один браузер при переносе текста не добавляет символ дефиса. При необходимости дефис можно имитировать, заменив тег <wbr> на символ мягкого переноса ­.
Internet Explorer 8 и Opera до версии 11.7 не делают переносы длинной строки, пока в стилях для wbr не указано свойство display со значением inline-block, как показано в примере.