如何在HTML工具提示中使用回车?

我目前正在为我们的网站添加冗长的工具提示，我想(不必求助于一个神奇的jQuery插件，我知道有很多!)使用回车来格式化工具提示。

为了添加提示，我使用了title属性。我环顾了一下常用的网站，并使用了基本的模板:

<a title='Tool?Tip?On?New?Line'>link with tip</a>

我试过更换?:

< br / > &013;/ & # 13; \ r \ n 环境。换行符(我使用c#)

以上方法都行不通。这可能吗?

当前回答

根据W3C网站上的这篇文章:

CDATA是来自文档字符集和的字符序列可能包括字符实体。用户代理应该解释属性取值如下: 用字符替换字符实体，忽略换行，用一个空格替换每个回车或制表符。

这意味着(至少)CR和LF在title属性中不起作用。我建议你使用工具提示插件。大多数插件都允许将任意HTML显示为元素的工具提示。

其他回答

& # xD;<-----这是插入回车符所需的文本。

使用data-html="true"并应用<br>。

在IE, Chrome, Safari, Firefox(最新版本2012-11-27)中测试: & # 13;

它们都适用……

只需使用JavaScript。然后它与大多数和较老的浏览器兼容。

换行使用转义序列\n。

document.getElementById("ElementID").title = 'First Line text \n Second line text'

& # 013;如果只使用简单的title属性，应该可以工作。

在Bootstrap弹窗中，只需使用data-html="true"并在data-content属性中使用HTML。

<div title=“Hello World”>悬停在这里</div>

推荐文章