<wbr>¶
Тег <wbr>
(от англ. word break — разрыв слова) указывает браузеру место, где допускается делать перенос строки в тексте, если этого требует ширина родительского элемента.
Текстовые элементы
Синтаксис¶
Текст<wbr />текст
Закрывающий тег не требуется.
Атрибуты¶
Для этого элемента доступны универсальные атрибуты.
Спецификации¶
Примеры¶
Пример 1¶
<!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>
Пример 2¶
Руководство по стилю Yahoo рекомендует разбивать URL перед пунктуацией, чтобы не оставлять знаки препинания в конце строки, которые читатель может принять за конец URL.
<p>
http://this<wbr />.is<wbr />.a<wbr />.really<wbr />.long<wbr />.example<wbr />.com/With<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages<wbr />/deeper<wbr />/level<wbr />/pages
</p>
См. также¶
Ссылки¶
- Тег
<wbr>
MDN (рус.)