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

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

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

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

我试过更换?:

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

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

当前回答

这里是一个演示:http://jsfiddle.net/rzea/vsp6840b/3/

HTML使用:

<a href="#" title="First Line&#013;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>

2014-11-03 15:10:55

其他回答

我们有一个需求，我们需要测试所有这些，下面是我想分享的:

document.getElementById("tooltip").setAttribute("title", "Tool\x0ATip\x0AOn\x0ANew\x0ALine") Tooltip with <pre> new line</pre> Works in all browsers <hr/> Tooltip with <code>&#13;</code> Not works Firefox browsers <hr/> Tooltip with <code>&#10;</code> Works in some browsers <hr/> Tooltip with <code>&#xD;</code> May work in some browsers <hr/> Tooltip with <code>document.getElementById("tooltip").setAttribute("title", "Tool\x0ATip\x0AOn\x0ANew\x0ALine")</code> May work in some browsers <hr/> Tooltip with <code>• </code>Unordered list tooltip <hr/> Tooltip with <code>\n</code> May not work in modern browsers <hr/> Tooltip with <code>\t</code> May not work in modern browsers <hr/> Tooltip with <code>&#013;</code> Works in most browsers <hr/>

小提琴

2016-09-23 10:07:29

作为对解决方案，我们也可以使用&#009标签，如果你需要做这样的事情。

<按钮标题= "我的待办事项清单:& # 013;& # 009;项目2 & # 013;& # 009;项目3 & # 013;& # 009;项目4 & # 013;& # 009;& # 009;子项1”> > < /按钮测试

Demo

2016-09-20 11:57:40

如果你正在使用jQuery:

$(td).attr("title", "One \n Two \n Three");

将工作。

它在Internet Explorer 9上进行了测试:工作正常。

2012-10-18 14:54:25

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

divElement。setAttribute("title"， "第一行
第二行");

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

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

2012-11-03 01:15:41

这里是一个演示:http://jsfiddle.net/rzea/vsp6840b/3/

HTML使用:

<a href="#" title="First Line&#013;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>

2014-11-03 15:10:55

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

推荐文章

最新文章

标签