HTML :: Тег <wbr>

В HTML тег <wbr> (от англ. word break opportunity – удобный случай для переноса слова) предназначен для создания мягкого переноса строки, который служит для указания браузеру места, в котором следует делать перенос строки, если этого требует ширина родительского элемента. Если же свободное место в родительском контейнере позволяет, то разрыв строки не делается.

В IE элемент <wbr> срабатывает только тогда, когда в стилях CSS указано свойство "display: inline-block".

Синтаксис

	<wbr>		     									        (закрывающий тег не требуется)

Атрибуты

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

Ссылки

Официальный сайт W3C: https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-wbr-element

Статья на Mozilla Firefox: https://developer.mozilla.org/ru/docs/Web/HTML/Element/wbr

Примеры

HTML Результат

htmlCodes

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Пример №1</title>
</head>
<body>
	
  <p style="width: 350px">
	   Мягкий перенос сработает толь<wbr>ко тог<wbr>да, ког<wbr>да 
	   ши<wbr>рины<wbr> эле<wbr>мен<wbr>та не хва<wbr>тит 
	   для всей строки.
  </p>
	
</body>
</html>

Пример №1