Понедельник, 03.02.2025, 09:09       
ЯЗЫКИ ПРОГРАММИРОВАНИЯ
ОПЕРАЦИОННЫЕ СИСТЕМЫ
РАБОТА В ОФИСНЫХ ПРОГРАММАХ
ВИДЕОУРОКИ
Категории раздела
HTML-справочник (теги) [14]
Опрос
Какую операционную систему вы используете ?
Всего ответов: 9

ID

Главная » Файлы » HTML » HTML-справочник (теги)

Тег <wbr>
25.05.2016, 14:59
Тег <wbr>
Описание:

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

Синтаксиc:

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

Закрывающий тег:

Не требуется.

Атрибуты:

Нет.

Пример:

<!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 сlass="word">метоксихлор<wbr>диэтиламино<wbr>метил<wbr>бутил<wbr>амино<wbr>акридин</p>                                                                                                                                                          
 </body>                                                                                                                                                         
</html>                                                                                                                                                            



При изменении ширины окна текст будет переноситься в тех местах, где указан тег <wbr>.

Браузеры

Ни один браузер при переносе текста не добавляет символ дефиса. При необходимости дефис можно имитировать, заменив тег <wbr> на символ мягкого переноса &shy;.

Internet Explorer 8 и Opera до версии 11.7 не делают переносы длинной строки, пока в стилях для wbr не указано свойство display со значением inline-block, как показано в примере.

Категория: HTML-справочник (теги) | Добавил: Ronaldo | Теги: хтмл, перенос строки, wbr, web, Веб дизайн, теги, html
Просмотров: 205 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
avatar
УЧЕБНИКИ



Вход на сайт
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Облако тегов
    Яндекс.Метрика



    Copyright MyCorp © 2025uCoz