在工具提示中添加换行符

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

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

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

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

当前回答

使用.html()而不是.text()对我来说很有效。例如

.html("This is a first line." + "<br/>" + "This is a second line.")

其他回答

\n

在造型上

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

为我工作。

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

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

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

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

如果你使用的是Jquery Tooltip工具，那么在“Jquery -ui.js”Javascript文件中找到以下文本:

tooltip.find(".ui-tooltip-content").html(content);

放在上面

content=content.replace(/\&lt;/g,'<').replace(/\&gt;/g,'>');

我希望这对你也有用。

& # 013;结合样式留白:行前;为我工作。

使用.html()而不是.text()对我来说很有效。例如

.html("This is a first line." + "<br/>" + "This is a second line.")

推荐文章