在工具提示中添加换行符

如何在HTML工具提示中添加换行符?

我尝试在工具提示中使用<br/>和\n，如下所示:

<a href="#" title="Some long text <br/> Second line text \n Third line text">Hover me</a>

然而，这是无用的，我可以在工具提示中看到文字<br/>和\n。任何建议都会很有帮助。

当前回答

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>

2015-11-08 19:22:39

其他回答

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

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

2010-07-27 05:37:15

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>

2015-11-08 19:22:39

只需在标题中使用\n并添加这个CSS

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

2019-05-08 04:41:22

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

2012-02-02 19:20:41

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

<a title="First Line 
Second Line">Hover Me </a>

2019-03-18 14:27:45

在工具提示中添加换行符

推荐文章

最新文章

标签