我目前正在为我们的网站添加冗长的工具提示，我想(不必求助于一个神奇的jQuery插件，我知道有很多!)使用回车来格式化工具提示。
为了添加提示，我使用了title属性。我环顾了一下常用的网站，并使用了基本的模板:
<a title='Tool?Tip?On?New?Line'>link with tip</a>
我试过更换?:
< br / > &013;/ & # 13; \ r \ n 环境。换行符(我使用c#)
以上方法都行不通。这可能吗?
当前回答
这里是一个演示:http://jsfiddle.net/rzea/vsp6840b/3/
HTML使用:
<a href="#" title="First Line
Second Line">Multiline Tooltip</a>
<br>
<br>
<a href="#" title="List:
• List item here
• Another list item here
• Aaaand another list item, lol">Unordered list tooltip</a>
其他回答
试试第10个字符。直到2015年1月，它还不能在Firefox中运行。
文本(如果有的话)显示在 依赖浏览器的方式。小 工具提示适用于大多数浏览器。长 IE中的工具提示和换行 和Safari(使用 或& # 13;对于一个 新换行符)。Firefox和Opera则不然 支持换行。Firefox则没有 支持长工具提示。
http://modp.com/wiki/htmltitletooltips
Firefox现在支持使用 在HTML标题属性中插入换行符。请参阅下面的代码片段示例。
<a href="#" title="第1行 第2行 第3行">悬停多行标题</a>
在IE, Chrome, Safari, Firefox(最新版本2012-11-27)中测试: & # 13;
它们都适用……
我试过 在新的一行显示标题文本，它的工作就像一个魅力。
& # 13;可在所有主流浏览器(包括IE)上运行
我不这么认为。火狐2删减了长链接标题，它们应该只用于传达少量的帮助文本。如果你需要更多的解释文本，我会建议它属于一个与链接相关的段落。然后，您可以添加工具提示JavaScript代码来隐藏这些段落，并在悬停时将它们作为工具提示显示。在我看来，这是让它跨浏览器工作的最佳选择。
