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

我目前正在向咱们的网站添加详细的工具提示,而且我但愿(没必要诉诸于whizz-bang jQuery插件,我知道有不少!)使用回车符来格式化工具提示。 工具

要添加提示,我正在使用title属性。 我浏览了一般的网站并使用了如下基本模板: 测试

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

我试过更换? 与: 网站

  • <br />
  • &013; / &#13;
  • \\r\\n
  • Environment.NewLine (我正在使用C#)

以上都不是。 可能吗? spa


#1楼

从Firefox 12开始,它们如今使用换行HTML实体支持换行符: &#10; 插件

<span title="First line&#10;Second line">Test</span>

这在IE中有效,而且根据HTML5规范的title属性是正确的。 code


#2楼

若是您使用的是jQuery: ip

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

将工做。 get

在IE-9中测试:正常工做。 it


#3楼

一样值得一提的是,若是要使用Javascript设置title属性,例如: io

divElement.setAttribute("title", "Line one&#10;Line two");

它不会工做。 您必须使用Java逸出方式将ASCII十进制10替换为ASCII十六进制A。 像这样:

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


#4楼

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

适用于全部人


#5楼

只需使用此:

<a title='Tool&#x0aTip&#x0aOn&#x0aNew&#x0aLine'>link with tip</a>

您能够使用此&#x0a在标题上添加新行。

相关文章
相关标签/搜索