В настоящее время я добавляю подробные всплывающие подсказки на наш сайт, и я бы хотел (не прибегая к плагину jQuery со свистом-взрывами, я знаю, что их много!) Использовать возврат каретки для форматирования всплывающей подсказки.
Чтобы добавить совет, я использую title
атрибут. Я просмотрел обычные сайты и использовал базовый шаблон:
<a title='Tool?Tip?On?New?Line'>link with tip</a>
Я попытался заменить на ?
:
<br />
&013; /
\r\n
Environment.NewLine
(Я использую C #)
Ничто из вышеперечисленного не работает. Является ли это возможным?
. Затем поместите пробелы там, где вы хотите разрывы строк. Вам также может понадобиться добавить несколько
символов перед пробелом (перевод строки).Ответы:
Это так просто, что вы ударите себя ... просто нажмите Enter!
Firefox вообще не будет отображать многострочные всплывающие подсказки - он заменит новые строки ничем.
источник
\n
,\u000A
и\x0A
.\x0A
(байт) - это код символа, соответствующий новой строке. То же самое для\u000A
(Unicode).\n
также перевод строки.title
атрибуты в Firefox и Chrome, и они просто были представлены буквально во всплывающей подсказке. Впоследствии я понял, что вы, вероятно, используете этот синтаксис как способ сообщить, какие символы (не escape-последовательности) следует использовать. Мой комментарий предназначен для того, чтобы сэкономить время других людей, предупредив их, чтобы они не пытались поместить ваши escape-последовательности в их HTML, чтобы они не теряли время, как я.Последняя спецификация позволяет линии подачи характер, так что простой разрыв строки внутри атрибута или объекта
(обратите внимание , что символы#
и;
обязательные) исправны.источник
и другое
.
не выполнил бы предполагаемые «разрывы строк» в chrome версии 50.0.2661.94 (64-разрядная версия).
хорошо работает в текущих версиях Chrome, Firefox и Opera (все для 64-битной Ubuntu) и Internet Explorer версии 11.0 и некоторые изменения в Windows.Попробуйте персонаж 10. Хотя он не будет работать в Firefox. :(
http://modp.com/wiki/htmltitletooltips
Обновить:
По состоянию на январь 2015 года Firefox поддерживает использование
для вставки разрыва строки вtitle
атрибут HTML . Смотрите пример сниппета ниже.источник
вtitle
атрибуте , чтобы вставить разрыв строки.<title>
. Кто-нибудь имел больше успеха с этим? Пробовал выше / ниже упомянуть кодовые символы, ни один, кажется, не работает.Протестировано это в IE, Chrome, Safari, Firefox (последние версии 2012-11-27):
Работает во всех из них ...
источник
перевод строки unix, так же как перевод строки Windows. Точно так же,
это новая строка для обеих платформ. В спецификации определяет перевод строки (LF) полукокса , который, конечно ,
на обоих (всех?) Платформ.LF
(который является стандартным переводом строки между протоколами и инструментами),CR
использовался только старыми компьютерами Mac (и другими неясными платформами) и кажется неуместным.
, хотя, очевидно,
работает и во многих обстоятельствах.Также стоит упомянуть, если вы устанавливаете атрибут title с помощью Javascript следующим образом:
divElement.setAttribute("title", "Line one Line two");
Это не сработает. Вы должны заменить это десятичное ASCII 10 на шестнадцатеричное A ASCII таким образом, чтобы оно экранировалось с помощью Javascript. Как это:
divElement.setAttribute("title", "Line one\x0ALine two");
источник
\n
любом случае означает код символа 10)Начиная с Firefox 12, теперь они поддерживают разрывы строк, используя сущность HTML перевода строки:
Это работает в IE и является правильным в соответствии со спецификацией HTML5 для атрибута title .
источник
Если вы используете jQuery:
буду работать.
протестировано в IE-9: работает.
источник
В качестве вклада в

решение мы также можем использовать	
вкладки, если вам когда-нибудь понадобится сделать что-то подобное.демонстрация
источник
будет работать на всех основных браузерах (включая IE)источник
Я знаю, что опаздываю на вечеринку, но для тех, кто просто хочет, чтобы это работало, вот демо: http://jsfiddle.net/rzea/vsp6840b/3/
HTML используется:
источник
Я не верю, что это так. В любом случае Firefox 2 обрезает длинные заголовки ссылок, и их действительно следует использовать только для передачи небольшого объема справочного текста. Если вам нужно больше пояснительного текста, я бы предположил, что он принадлежит абзацу, связанному со ссылкой. Затем можно добавить код JavaScript всплывающей подсказки, чтобы скрыть эти абзацы и отображать их как всплывающие подсказки при наведении курсора. Это ваш лучший выбор для того, чтобы заставить его работать кросс-браузерную IMO.
источник

<----- Это текст, необходимый для вставки Carry Return.источник
В Chrome 16 и, возможно, более ранних версиях вы можете использовать "\ n". В качестве sidenote, "\ t" также работает
источник
У нас было требование, где нам нужно было протестировать все это, вот что я хотел бы поделиться
скрипка
источник
На Chrome 79
больше не работает.Я был успешным с:
Это работает во всех основных браузерах.
источник
Для кого
не работал, вы должны стилизовать элемент, на котором строки видны как:white-space: pre-line;
Ссылка на этот ответ: https://stackoverflow.com/a/17172412/1460591
источник
a[title]
?Просто используйте это:
Вы можете добавить новую строку в заголовок, используя это


.источник
Просто используйте JavaScript. Тогда совместим с большинством и более старых браузеров. Используйте escape-последовательность \ n для новой строки.
источник
это

должно работать, если вы просто используете простой атрибут title.на всплывающих окнах начальной загрузки просто используйте
data-html="true"
и используйте html вdata-content
атрибуте.источник
Из имеющейся информации о доступности и использования всплывающих подсказок, увеличивающих их с использованием CR или переноса строки, можно понять, что тот факт, что различные браузеры не могут / не согласятся с основами, показывает, что они не очень заботятся о доступности.
источник
Согласно этой статье на сайте w3c :
Это означает, что (по крайней мере) CR и LF не будут работать внутри атрибута title. Я предлагаю вам использовать плагин всплывающей подсказки. Большинство из этих плагинов позволяют отображать произвольный HTML в виде всплывающей подсказки элемента.
источник
Более приятные на вид подсказки могут быть созданы вручную и могут включать форматирование HTML.
Это взято из поста w3schools . Поэкспериментируйте с приведенным выше кодом здесь .
источник
Синтаксис бритвы
В случае ASP.NET MVC вы можете просто сохранить заголовок как переменную и использовать
\r\n
его.источник
взломать, но работает - (проверено на Chrome и мобильных)
просто не добавляйте пробелы до тех пор, пока они не разбиваются - вам может потребоваться ограничить размер всплывающей подсказки в зависимости от объема содержимого, но для небольших текстовых сообщений это работает:
Перепробовал все выше и это единственное что у меня сработало -
источник
Я попытался с "", чтобы отобразить текст заголовка в новой строке, и это работает как шарм
источник
Я на Firefox 68.7.0esr и

не работает. Прорыв через линию<CR>
сработал, так что я продолжу с этим, так как он прост и понятен. т.е.источник
использовать
data-html="true"
и применять<br>
.источник