如何在div标签中实现多行标题？

Question

我希望以下的div标签在鼠标悬停时能够显示工具提示。但是，它只显示为一行。我该如何让它显示多行？

<div title="Have a nice<br />day">blah</div>

- jinsungy

Answer 1

现代浏览器似乎会在回车符号后换行显示工具提示：

<!-- i've pressed Enter after word "line" -->
<div id="myDiv" title="first line
multiline">Hello world!</div>

或者你可以尝试使用JavaScript设置值：

var myDiv=document.getElementById('myDiv'); 
myDiv.title = "first line \n multiline";

- Pavel Morshenyuk

---

最终我使用jQuery设置了标题并进行了替换。谢谢！ - jinsungy

Answer 2

除了用JS生成元素（或丑陋的CSS hack）并使用CSS定位来替换整个内容，你无法可靠地实现这一点。

如果我没记错的话，某些浏览器会在元素中有一个字面上的新行时呈现一个新行，而其他浏览器则会呈现不可打印字符符号。可能需要使用新行实体代替此操作。无论哪种方式-避免使用不可打印字符符号更为不利。

如果您有这么多内容，那么它可能不适合用作工具提示。

- Quentin

Answer 3

您可能想要了解一些JavaScript工具提示。

- Dismissile