Перейти к содержанию

<wbr>

Тег <wbr> (от англ. word break — разрыв слова) указывает браузеру место, где допускается делать перенос строки в тексте, если этого требует ширина родительского элемента.

Демо

Текстовые элементы

Синтаксис

1
Текст<wbr />текст

Закрывающий тег не требуется.

Атрибуты

Для этого элемента доступны универсальные атрибуты.

Спецификации

Примеры

Пример 1

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
<!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.

1
2
3
<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 (рус.)

Комментарии