只需使用实体代码
用于标题属性中的换行符。

<a title="First Line &#xA;Second Line">Hover Me </a>

Use

&#013

不应该有;的性格。

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>

我找到了。只要这样简单地做就可以了

<a ref="#" title="First Line
                  Second Line
                  Third line">Hover Me</a>

如果你用的是bootstrap4，那么这个是可行的。

<style>
   .tooltip-inner {
    white-space: pre-wrap;
   }

</style>

<script> 
    $(function () {
      $('[data-toggle="tooltip"]').tooltip()
    })
</script>

<a data-toggle="tooltip" data-placement="auto" title=" first line &#010; next line" href= ""> Hover me </a>

如果你在Django项目中使用，那么我们也可以在工具提示中显示动态数据，比如:

<a class="black-text pb-2 pt-1" data-toggle="tooltip" data-placement="auto"  title="{{ post.location }} &#010; {{ post.updated_on }}" href= "{% url 'blog:get_user_profile' post.author.id %}">{{ post.author }}</a>

这个CSS是我在编辑器中与换行一起工作的最终结果:

.tooltip-inner {
    white-space: pre-wrap;
}

在这里找到: 如何使Twitter引导工具提示有多行?