在工具提示中添加换行符
如何在HTML工具提示中添加换行符？
我尝试在工具提示中使用<br/>和\n如下：
<a href="#" title="Some long text <br/> Second line text \n Third line text">Hover me</a>
然而，这是无用的，我可以看到文字文字<br/>和\n在工具提示内。 任何build议都会有所帮助。
只要使用实体代码
 在标题属性中换行。

 结合白空间的风格：前线; 为我工作。
在我的编辑器中，这个CSS是最后为我工作的一个换行符：
.tooltip-inner { white-space: pre-wrap; }
在这里find： 如何使Twitter的引导工具提示有多行？
只需添加一个数据属性
数据HTML =“真”
你很好走。
例如。 用法： <i class="tooltip ficon-help-icon" twipsy-content-set="true" data-original-title= "<b>Hello</b> Stackoverflow" </i>
它已经在我所testing的所有工具提示插件中工作。
在文字之间给\n 。 它适用于所有浏览器。
Example img.tooltip= " Your Text : \n" img.tooltip += " Your text \n";
这将适用于我，它用在代码后面。
希望这会为你工作
我find了。 这可以通过这样做来完成
<a ref="#" title="First Line Second Line Third line">Hover Me</a>
JavaScript版本
由于
 （html）是0D （hex），这可以表示为'\u000d'
str = str.replace(/\n/g, '\u000d');
此外，
与大家分享一个AngularJSfilter ，用其他答案中的引用replace那个angular色
app.filter('titleLineBreaker', function () { return function (str) { if (!str) { return str; } return str.replace(/\n/g, '\u000d'); }; });
用法
<div title="{{ message | titleLineBreaker }}"> </div>
通过简单地将title属性分布在多行上，可以在本地HTML工具提示中添加换行符。
不过，我build议使用jQuery工具提示插件，如Q-Tip： http : //craigsworks.com/projects/qtip/ 。
设置和使用起来很简单。 另外还有很多免费的JavaScript工具提示插件。
编辑：第一个语句的更正。
<br /> 如果您正在使用qTip，那么这样做是有效的
对我来说，一个2步骤的解决scheme（组合格式化标题和添加样式）工作如下：
1）格式title attrbiute：
<a ref="#" title="First Line Second Line Third line">Hover Me</a>
2）将这个样式添加到tips元素：
white-space: pre-line;
testingIE8，Firefox 22和Safari 5.1.7。
那么如果你正在使用Jquery Tooltip工具 ，那么在“jquery-ui.js”Javascript文件中find如下文字：
tooltip.find(".ui-tooltip-content").html(content);
并放在上面
content=content.replace(/\</g,'<').replace(/\>/g,'>');
我希望这也能为你工作。
使用

不应该有任何; 字符。
只需添加data-html =“true”
<a href="#" title="Some long text <br/> Second line text \n Third line text" data-html="true">Hover me</a>
\n
与造型
.tooltip-inner { white-space: pre-line; }
为我工作。
我的解决scheme是http://jqueryui.com/tooltip/ ：
而这里的代码（制作脚本的部分是“content：”）：
HTML HEAD
<head runat="server"> <script src="../Scripts/jquery-2.0.3.min.js"></script> <link href="Content/themes/base/jquery-ui.css" rel="stylesheet" /> <script src="../Scripts/jquery-ui-1.10.3.min.js"></script> <script> /*Position: my => at at => element*/ $(function () { $(document).tooltip({ content: function() { var element = $( this ); if ( element.is( "[title]" ) ) { return element.attr( "title" ); } }, position: { my: "left bottom-3", at: "center top" } }); }); </script> </head>
ASPX或HTML控件
<asp:TextBox ID="Establecimiento" runat="server" Font-Size="1.3em" placeholder="Establecimiento" title="Texto 1.<br/>TIP: texto 2"></asp:TextBox>
希望这可以帮助别人
比jquery UI 1.10不支持在标题属性中使用html标签，因为它不是有效的html。
所以替代解决scheme是使用工具提示内容选项。 请参阅 – http://api.jqueryui.com/tooltip/#option-content
如果你正在使用jquery-ui 1.11.4：
var tooltip = $.widget( "ui.tooltip", { version: "1.11.4", options: { content: function() { // support: IE<9, Opera in jQuery <1.7 // .text() can't accept undefined, so coerce to a string var title = $( this ).attr( "title" ) || ""; // Escape title, since we're going from an attribute to raw HTML Replace--> //return $( "<a>" ).text( title ).html(); by --> return $( "<a>" ).html( title ); },
