Tag wbr - мек трансфер, Дмитрий Трепачев

Основни тагове

Сервизни етикети

Атрибути за формуляри

Редки тагове

Основни атрибути

Атрибути за таблици

HTML5 тагове за оформление

Атрибути за оформления

Медийни тагове

Посока на текста

Редки атрибути

Тагътwbr указва място, където браузърътможеда прекъсне редаако е необходимо(ако текстът не се побира в ширината на елемента). Такива трансфери се наричат ​​меки.

Не изисква затварящ таг.

Когато обвивате дума през тагаwbr, символът за прекъсване "-"не се добавя. Ако имате нужда, използвайте мекото тире(точка и запетая в края е задължителна, това не е правописна грешка).

Мекото пренасянеказва на браузъра къде може да обвие дума (ако е необходимо) чрездобавяне на тире"-".

Меките тиретаняма да работят, ако свойството тирета е зададено наняма(но тиретатаwbrще).

Вижте също етикета br, който правигарантирано прекъсване на ред(не меко).

Вижте също CSS свойството за тирета, което задаватирета за реални думикато в книгата (т.е. браузърът ще определи къде да постави тирета на дума, като използва правилата за тирета).

Вижте също свойствата на CSS word-break, word-wrap, overflow-wrap, overflow, text-overflow, които също контролират пренасянето на думи.

Пример. Текст без пренасяне

В този пример има примерен текст, който имадълги думи, коитоизпълзяватизвън границата на блока. На блока е дадена малка ширина, така че голяма дума да не се побира в него:

Резултат от изпълнението на кода:

това е супер дълъг текст

Пример. wbr етикет

Сегадобавени таговеwbrв текста, къдетопрепоръчвамена браузъра да обвие думата, ако е необходимо (имайте предвид, че браузърът не обви думата навсякъде, където посочихме):

Резултат от изпълнението на кода:

това е супер дълъг текст

Пример. Символ

И сега вместо тагаwbrсе използва символът. Тиретата ще се показват на местата за пренасяне:

---