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

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

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

我试过更换?:

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

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


当前回答

至于谁&#10;没有工作,你必须样式的元素上的行可见如下:

它引用自GuitarWorker对在工具提示中添加换行符的回答。

其他回答

在Chrome 79, &#13;已经不管用了。

我成功地做到了:

& # 13; & # 10;

这适用于所有主流浏览器。

在Chrome 16或更早的版本中,你可以使用“\n”。顺便说一句,“\t”也可以。

值得一提的是,如果你用JavaScript设置title属性,如下所示:

divElement。setAttribute("title", "第一行&#10;第二行");

这是行不通的。你必须将ASCII十进制10替换为ASCII十六进制a按照JavaScript转义的方式。是这样的:

divElement。setAttribute("title", "Line one\x0ALine two");

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

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

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

试试第10个字符。直到2015年1月,它还不能在Firefox中运行。

文本(如果有的话)显示在 依赖浏览器的方式。小 工具提示适用于大多数浏览器。长 IE中的工具提示和换行 和Safari(使用&#10;或& # 13;对于一个 新换行符)。Firefox和Opera则不然 支持换行。Firefox则没有 支持长工具提示。

http://modp.com/wiki/htmltitletooltips

Firefox现在支持使用&#13;在HTML标题属性中插入换行符。请参阅下面的代码片段示例。

<a href="#" title="第1行&#13;第2行&#13;第3行">悬停多行标题</a>