<br>不在工具提示的标题标记中工作

<br> not working in title tag for tooltip

本文关键字:标题 工作 lt br gt 工具提示      更新时间:2023-09-26

我正在使用tooltipster插件作为工具提示。我不能使用[在标题中]http://jsfiddle.net/varun30/wy3dp097/1/

我试过&013,&x0A(这只适用于firefox)。我需要在css中进行更改吗?在我看到的一些线程中在css中:

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

这在我的情况下也不起作用。我们可以有一些方法来包括
吗。提前感谢

在大多数浏览器中,您根本无法控制浏览器工具提示,也无法在其中放入HTML。如果你需要在工具提示中做一些花哨的事情,很遗憾你需要一个CSS和/或JavaScriptlib来做。

然而,换行是相当简单的。您使用实体是正确的,但您尝试的实体不正确,它们应该是&#13;&#10;。更新的Fiddle或文字换行也有效:更新的Fiidle

内联示例:

<div title="Line 1&#13;&#10;Line2">Hover over me</div>
<div title="Line 1
            Line2">And me</div>

如果你在JavaScript中这样做,只需确保你的JavaScript字符串包括一行换行符:

document.querySelector("div").title = "Line 1'nLine 2";
<div>Hover over me</div>