只需在脚本中添加以下代码片段:

    $(function () {
        $('[data-toggle="tooltip"]').tooltip()
    });

当然如上所述，data-html的答案应该是“真”。这将允许您在title属性的值内使用html标记和格式。

这个css会帮助你。

    .tooltip {
      word-break: break-all;
    }

or if you want in one line

    .tooltip-inner {
      max-width: 100%;
    }

Jquery UI 1.10不支持在标题属性中使用html标签，因为它不是有效的html。

所以另一种解决方案是使用工具提示内容选项。 参考- http://api.jqueryui.com/tooltip/#option-content

javascript版本

因为& # 013;(html)是0D(十六进制)，这可以表示为'\u000d'

str = str.replace(/\n/g, '\u000d');

此外,

与大家分享一个AngularJS过滤器，它将\n替换为该字符，这要感谢其他答案中的引用

app.filter('titleLineBreaker', function () {
    return function (str) {
        if (!str) {
            return str;
        }

        return str.replace(/\n/g, '\u000d');
    };
});

使用

<div title="{{ message | titleLineBreaker }}"> </div>

只需添加一个数据属性

data-html =“真正的”

你可以开始了。

如。用法:

<i data-html="true" class="tooltip ficon-help-icon" twipsy-content-set="true" data-original-title= "<b>Hello</b> Stackoverflow"> </i>

到目前为止，它在我尝试过的大多数工具提示插件中都有效。

Use

&#013

不应该有;的性格。