Как можно добавить разрывы строк в подсказке HTML?
Я попытался использовать <br/>
и \n
в подсказке следующим образом:
<a href="#" title="Some long text <br/> Second line text \n Third line text">Hover me</a>
Однако это было бесполезно, и я мог видеть буквальный текст <br/>
и \n
в подсказке. Любые предложения будут полезны.
Environment.NewLine
работает, чтобы добавить разрыв строки со стороны кода ... без суеты ... без суеты ...Ответы:
Просто используйте код объекта

для переноса строки в атрибуте title.источник


не работают для меня в Windows, Chrome v53. Но
работал нормально.

кажется, работает довольно хорошо :)Просто добавьте атрибут данных
и ты в порядке.
Например. использование:
Он работал в большинстве плагинов всплывающей подсказки, которые я пробовал на данный момент.
источник
В

сочетании со стилем пробел: pre-line; работал на меня.источник
white-space: pre-line;
стиль нужен очень скрыт.

: stackoverflow.com/questions/6502054/…Этот CSS, наконец, работал для меня в сочетании с переводом строки в моем редакторе:
Найдено здесь: Как сделать так, чтобы всплывающие подсказки в Twitter содержали несколько строк?
источник
со стилем
работал на меня.
источник
Дайте
\n
между текстом. Работает на всех браузерах.Это будет работать для меня, и это используется в коде позади.
Надеюсь, это будет работать для вас
источник
Я нашел это. Это можно сделать, просто сделав так
источник
Версия JavaScript
Поскольку

(html) равно0D
(hex), это можно представить как'\u000d'
К тому же,
Ребята, поделитесь с вами фильтром AngularJS, который заменяет
\n
этот символ, благодаря ссылкам в других ответах.использование
источник
просто используйте \ n в заголовке и добавьте этот CSS
источник
<br />
работал, если вы используете qTipисточник
Просто добавьте data-html = "true"
источник
можно добавить разрывы строк во встроенные подсказки HTML, просто распространив атрибут title по строкам с несколькими строками.
Однако я бы порекомендовал использовать плагин для всплывающей подсказки jQuery, такой как Q-Tip: http://craigsworks.com/projects/qtip/ .
Это просто настроить и использовать. В качестве альтернативы существует множество бесплатных плагинов для всплывающей подсказки javascript.
редактировать: исправление в первом утверждении.
источник
Для меня двухэтапное решение (комбинация форматирования заголовка и добавления стиля) работает следующим образом:
1) Отформатируйте
title
атрибут:2) Добавьте этот стиль к
tips
элементу:Протестировано в IE8, Firefox 22 и Safari 5.1.7.
источник
Просто добавьте этот фрагмент кода в ваш скрипт:
и конечно, как уже упоминалось выше, ответы
data-html
должны быть"true"
. Это позволит вам использовать HTML-теги и форматирование внутри значенияtitle
атрибута.источник
data-toggle="tooltip" data-html="true" title="some string <br/> some string"
.Хорошо, если вы используете утилиту Jquery Tooltip, то в файле Javascript "jquery-ui.js" найдите следующий текст:
и поставить над этим
Я надеюсь, что это также будет работать для вас.
источник
Так что, если вы используете bootstrap4, это будет работать.
Если вы используете в проекте Django, мы также можем отображать динамические данные во всплывающих подсказках, например:
источник
Решение для меня было http://jqueryui.com/tooltip/ :
А вот код (часть скрипта, которая делает
<br/>
Works - это «content:»):HTML HEAD
ASPX или HTML контроль
Надеюсь, это поможет кому-то
источник
Более поздний, чем Jquery UI 1.10, не поддерживает использование тега html внутри атрибута title, потому что это недопустимый html.
Таким образом, альтернативное решение заключается в использовании всплывающей подсказки. См. Http://api.jqueryui.com/tooltip/#option-content.
источник
использование
Там не должно быть никакого; персонаж.
источник
если вы используете jquery-ui 1.11.4:
источник
uib-tooltip, uib-tooltip-template и uib-tooltip-html
В моем случае я выбрал uib-tooltip-html, и он состоит из трех частей:
Пример:
Для получения дополнительной информации, пожалуйста, проверьте здесь
источник
Использование .html () вместо .text () работало для меня. Например
источник
Использование
должно работать (я тестировал в Chrome , Firefox и Edge ):источник
Привет, этот код будет работать во всех браузерах! Я использовал для новой строки в Chrome и Safari и UL li для IE
источник
Вы можете использовать подсказку начальной загрузки, и не забудьте установить для параметра html значение true.
источник
Просто используйте код объекта


для переноса строки в атрибуте title.источник
Этот CSS поможет вам.
источник