如何在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在標題上添加新行。

相關文章
相關標籤/搜索