javascript - <br> 在工具提示的标题标签中不起作用

Question

我正在为工具提示使用工具提示插件。我无法使用 [标题] http://jsfiddle.net/varun30/wy3dp097/1/

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

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

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

Answer 1

在大多数浏览器中，您根本无法控制浏览器工具提示，也无法将 HTML 放入其中。如果您需要在工具提示中做任何花哨的事情，遗憾的是您需要 CSS 和/或 JavaScript 库来完成它们。

但是，换行符相当简单。您在实体方面走在正确的轨道上，但您尝试的实体不正确，它们应该是 。 Updated Fiddle或者文字换行符也可以:Updated Fiddle

内联示例:

<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>