在工具提示中添加换行符

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

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

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

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

当前回答

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

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

其他回答

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

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

在原生HTML工具提示中添加换行符是可能的，只需将标题属性分布在多行中即可。

但是，我建议使用jQuery工具提示插件，如Q-Tip: http://craigsworks.com/projects/qtip/。

它的设置和使用都很简单。另外，也有很多免费的javascript工具提示插件。

编辑:第一个语句的更正。

Use

&#013

不应该有;的性格。

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

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

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

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

推荐文章