Тег <wbr> Описание:
Тег <wbr> указывает браузеру место, где допускается делать перенос строки в тексте, если этого требует ширина родительского элемента.
Синтаксиc:
Текст<wbr>текст
Закрывающий тег:
Не требуется.
Атрибуты:
Нет.
Пример:
<!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 сlass="word">метоксихлор<wbr>диэтиламино<wbr>метил<wbr>бутил<wbr>амино<wbr>акридин</p> </body> </html>
При изменении ширины окна текст будет переноситься в тех местах, где указан тег <wbr>.
Браузеры
Ни один браузер при переносе текста не добавляет символ дефиса. При необходимости дефис можно имитировать, заменив тег <wbr> на символ мягкого переноса ­.
Internet Explorer 8 и Opera до версии 11.7 не делают переносы длинной строки, пока в стилях для wbr не указано свойство display со значением inline-block, как показано в примере.
|