Русский
Русский
English
Теги HTML
Атрибуты тегов
Статистика
Реклама

Тег <wbr>

Браузер
Internet Explorer
Chrome
Opera
Safari
Firefox
Версия
6.0
7.0
8.0
9.0
2.0
3.0
4.0
5.0
9.2
9.6
10
10.5
2.0
3.1
4.0
5.0
2.0
3.0
3.6
4.0
Поддержка
Полная поддержка
Полная поддержка
Возможно неправильное отображение
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Возможно неправильное отображение
Возможно неправильное отображение
Возможно неправильное отображение
Возможно неправильное отображение
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Полная поддержка
Краткая информация
HTML: 3.2 4.01 5.0
XHTML: 1.0 1.1  
Описание
Тег <wbr> указывает браузеру место, где допускается делать перенос строки в тексте, если этого требует ширина родительского элемента.
Синтаксис
Текст<wbr>текст
Атрибуты
Нет.
Закрывающий тег
Не требуется.
Пример. Использование тега <wbr>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>wbr</title>
<style type="text/css">
.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> на символ мягкого переноса &shy;.
Internet Explorer 8 и Opera не делают переносы длинной строки, пока в стилях для WBR не указано свойство display со значением inline-block, как показано в примере.
Первоисточник - htmlbook.ru Автор - Влад Мержевич
Комментариев (-)
Имя
Электронная почта

Последние комментарии

© 2006-2025, heroes-3.ru