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

<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>

См. также

Ссылки